html5 播放多个视频。一个接一个的播放
2015-02-08 10:43
330 查看
new个video,指定播放列表的第一个视频路径为src。监听end事件,回调里面把video的src改成列表的下一个,再play。
示意代码: var vList = ['视频地址url1', 'url2', '...']; // 初始化播放列表 var vLen = vList.length; // 播放列表的长度 var curr = 0; // 当前播放的视频 var video = new Video(); video.addEventListener('end', play); play(); function play(e) { video.src = vList[curr]; video.load(); // 如果短的话,可以加载完成之后再播放,监听 canplaythrough 事件即可 video.play(); curr++; if (curr >= vLen) curr = 0; // 播放完了,重新播放 }
相关文章推荐
- 第三讲 HTML5 视频播放事件属性及自己做的一个简单的html5的视频
- 一个html5播放视频的video控件只支持android的默认格式mp4和3gp
- 一个html5播放视频的video控件只支持android的默认格式mp4和3gp
- iphone html5 无法自动播放视频
- 创建一个有趣的Silverlight视频播放控件
- 支持在iPad中播放的HTML5视频网站推荐
- 支持在iPad中播放的HTML5视频网站推荐
- Windows 2008 R2 中 IE9无法播放HTML5视频文件的解决方法!
- 用DS播放一个视频时,如何通过编程知道GRAPH加载的FILTER的组件所在的路径??
- 判断一个视频播放结束
- rails开发利器:视频播放插件plugin(如何开发一个简单的插件)
- 关于HTML5视频播放的一些内容(2)
- 如何计算 一个音视频文件 (.ts)文件 (包含pcr信息). 播放所使用的带宽
- 影院平台搭建 - (6)一个靠谱的视频播放方案的感想
- 支持在iPad中播放的HTML5视频网站推荐
- 搭建一个Flv视频播放服务器
- 发布一个flv视频下载工具(支持一边下一边播放)
- HTML5简单示例-播放视频
- html5 视频播放控件
- html5结合flash实现视频文件在所有主流浏览器兼容播放