·您当前的位置:主页 > 技术教程 > 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> 

 

微信付费直播
酷播云免费在线视频整体解决方案
进入开学季,保利威视推出云视频优惠,云视频套餐、流量超实惠大放“价”就是现在,还可以免费获取GET2017教育科技大会VIP门票哦!