视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > 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. { 
  21.     alert("视频已播放完成"); 
  22. }; 
  23. </script> 
  24.  
  25. </body>  
  26. </html> 

 

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

 

热门文章推荐

请稍候...

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

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