js控制视频播放

JavaScript018

js控制视频播放,第1张

你视频是什么格式的？

你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

这是其他常用的。

elevideo.addEventListener('loadedmetadata', function () { 

    //加载数据//视频的总长度console.log(elevideo.duration) 

 })

elevideo.addEventListener('play', function () { 

    //播放开始执行的函数console.log("开始播放") 

 })

elevideo.addEventListener('playing', function () { 

    //播放中 console.log("播放中")

})

elevideo.addEventListener('waiting', function () {

     //加载console.log("加载中") 

 })

elevideo.addEventListener('pause', function () {

     //暂停开始执行的函数console.log("暂停播放") 

 })

elevideo.addEventListener('ended', function(){

     //结束console.log("播放结束") 

 }, false)

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

}