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

[html5]html5测试视频结束事件代码onended判断视频结束

时间:2017-11-13 15:56酷播
[html5]html5测试视频结束事件代码onended判断视频结束

[html5]html5测试视频结束事件代码onended判断视频结束

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>测试视频文件,cuplayer.com</title>  
  6. </head> 
  7. <body>  
  8.  
  9. <p>按下播放按钮等待视频播放完成。</p> 
  10.  
  11. <video id="myVideo" width="320" height="176" controls> 
  12.   <source src="mov_bbb.mp4" type="video/mp4"> 
  13.   <source src="mov_bbb.ogg" type="video/ogg"> 
  14.   您的浏览器不支持 HTML5 video 标签。 
  15. </video> 
  16.  
  17. <script> 
  18. var vid = document.getElementById("myVideo"); 
  19. vid.onended = function()  
  20.     alert("视频已播放完成"); 
  21. }; 
  22. </script> 
  23.  
  24. </body>  
  25. </html> 

 

  1. var vid = document.getElementById("myVideo"); 
  2. vid.onended = function() { 
  3.     alert("The video has ended"); 
  4. }; 

 

热门文章

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