·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]html5多个视频播放处理办法源代码示例

时间:2017-09-04 17:43酷播
[html5]html5多个视频播放处理办法源代码示例,如果是播放完一个视频后接着再播放下一个视频这样连续播放,用脚本监听video 标签的视频播放结束 事件,再接着播放下一个视频就行;

[html5]html5多个视频播放处理办法源代码示例

如果是播放完一个视频后接着再播放下一个视频这样连续播放,用脚本监听video 标签的视频播放结束 事件,再接着播放下一个视频就行;

  1. <video  id="video"  src="test1.mp4"></video> 
  2. <script> 
  3. var video = document.getElementById('video'); 
  4. video.addEventListener('ended',function(){ 
  5.     //  视频播放结束 
  6.     //  如果要继续播放第二个视频,改变 <video> 标签的 (src="test2.mp4") 属性或者新建一个 video 标签播放视频都可以 
  7. },false); 
  8. </script> 

 

热门文章

请稍候...
  • 热身双十一,锁定云视频大聚惠
  • 备战双十一,相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器