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

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器