如何用JS控制多个视频的连续播放

JavaScript024

如何用JS控制多个视频的连续播放,第1张

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秒监控一下

}

你视频是什么格式的?

你IIS里面MIME类型未被添加。

添加方法是,你对你的站点点右键点属性,然后点击HTTP头标签,

下面有个MIME类型按钮。单击该按钮。

像里面添加MIME类型。

比如你的视频文件是rmvb那么扩展名填.rmvb

MIME类型填video/vnd.rn-realvideo

MIME类型扩展名

video/x-ms-asf asf

video/mpeg mpeg mpg

video/x-msvideo avi

application/vnd.rn-realmedia rm

audio/x-pn-realaudio ram ra

audio/x-aiff aif aiff aifc

audio/mpeg mpga mp3

audio/midi mid midi

audio/wavwav

audio/x-ms-wma wma

video/x-ms-wmv wmv

这是其他常用的。

JS直接使用 JavaScript 来操作即可,需要用原生的JavaScript代码来控制。

举例(例如页面上有1个video):

<video id="myVideo" src="1.webm" controls />

则对应的脚本代码为:

/* JS代码 */

document.getElementById('myVideo').play()// 播放

document.getElementById('myVideo').pause()// 暂停

/* jQuery代码 */

$('#myVideo').play()// 播放

$('#myVideo').pause()// 暂停