js控制视频播放

JavaScript019

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

这是其他常用的。

分成几步走:

【第一步】

首先通过视频或者书籍,学习JS的基本语法、基本特性等,

同时了解JS都有哪些内置函数、内置属性等,

建立起对JS都能做什么,它用来做什么,它都能实现什么功能等基本的宏观概念;

【第二步】

给自己预定一个大概可以实现的JS功能,然后试图去完成它,不用非要做到全原创

通过抄袭代码放到你的网页上去,让它可以达到你的要求,其中有一些不符合你要求的地方,对其进行修改,修改的过程中,你就必须要去了解它的功能实现步骤,这个步骤使用得多了,你有脑海里就会建立起一个JS程序编写的流程概念,给自己独立写代码打下基础

这个过程以及第三步甚至是以后,你都需要用到搜索引擎,学习如何使用搜索引擎来准确查找你要实现的某个细节功能;

【第三步】

开始尝试自己写代码,将一些以前写过的或者没写过的重新按自己的思路写,或者原创一个实用的功能。

写代码的时候同样和第二步一样,需要进行大量的知识吸纳过程,这时候你慢慢地会对JS的宏观轮廓有一个更清晰的认识过程,比如JS内部都有哪些内置类,它的核心之外都有哪些对外接口,比如DOM、window等。

这个过程中,多多去一些问答社区去找一些网友提问的问题,尝试独立解决它们,在帮助别人的同时,对自己的知识积累才是最主要的。

【第四步】

这个时候你已经是一个JS老手了,寻找一些稀奇古怪的代码,来了解JS更细化的知识,弥补对JS的认识空白和以往的误区。

同时,编写自己的JS库,比如针对浏览器兼容性而开发的动画库、常用简化库等。

学习和使用已有的JS库,比如jquery等。

——————

以上的步骤基本是学习的流程,但不见得非要按步就班,如果你的学习能力很强,可以将第二、三步同步进行。

另外,多去JS的相关知识站点学习,下面给你提供一些这样的站点:

参考资料:

【w3school中国站】 http://www.w3school.com.cn/js/index.asp

【w3schools国际站】http://www.w3schools.com/js/default.asp

【微软JScript官方教程】http://msdn.microsoft.com/zh-cn/library/72bd815a.aspx

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

}