怎么在移动端用html或者其他方式（包括JS等技术）实现视频播放器列表？

JavaScript06

怎么在移动端用html或者其他方式（包括JS等技术）实现视频播放器列表？,第1张

想要快的话，然后不管IE11以下的浏览器就直接用aplayer.js

自己写的话去了解Audio接口，如果仅仅是播放列表问题的话，那么无非就是检测播放完以后怎么处理播放列表的问题，多实践一下就知道了。如果还想加密播放地址这些，适配音频格式，估计你还得了解更多更多更多，那样建议先用aplayer。

window.onload=function(){

var str = '${vedioStr}' //所要播放视频的路径组

var strList = str.split("X") //要循序播放的路径组字符串转换成路径数组

var i=0

var len = strList.length

if( strList[i] != null &&strList[i]!='' &&strList[i] !='null'){

$("#XX").find("OBJECT").attr("filename", strList[i])//设置视频路径为第一个路径组路径

}

window.setInterval(function(){ //每过0.5秒监控一下视频是否正在播放，如果没在播放则顺序播放下一个视频

if($("#XX").find("OBJECT").attr("playState")==0){//判断视频的播放状态不同player状态不同

i++//处理播放顺序和for循环处理差不错

if(i==len){

i=0

}

if( strList[i] != null &&strList[i]!='' &&strList[i] !='null'){

$("#XX").find("OBJECT").attr("filename", strList[i]) //如果当前播放完毕则播放下一个

}

}

}, 500) //每个0.5秒监控一下

}

需要用js去控制

先把列表用html生成出来，再用脚本去控制点击列表的时候播放

可以参考

http://www.feelcss.com/html5-music-player-playlist-and-playback.html