视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > Html5技术 >

[html5]html5用addEventListener来监听canplay事件的范例

时间:2017-08-16 17:22酷播
[html5]html5用addEventListener来监听canplay事件的范例

[html5]html5用addEventListener来监听canplay事件的范例

  1. <!DOCTYPE html>  
  2. <html>  
  3. <body>  
  4.  
  5. <video id="video1" controls="controls"> 
  6.   <source src="/example/html5/mov_bbb.mp4" type="video/mp4"> 
  7.   <source src="/example/html5/mov_bbb.ogg" type="video/ogg"> 
  8.   Your browser does not support HTML5 video. 
  9. </video> 
  10.  
  11. <script> 
  12. myVid=document.getElementById("video1"); 
  13. myVid.addEventListener("canplay", function() 
  14.   { 
  15.   alert("Can start playing video"); 
  16.   } 
  17. ); 
  18. </script>  
  19.  
  20. </body>  
  21. </html> 

浏览器支持

所有主流浏览器都支持 canplay 事件。

注释：Internet Explorer 8 或更早的浏览器不支持该事件。

语法

在 HTML 中：

<audio|video oncanplay="SomeJavaScriptCode">

在 JavaScript 中：

audio|video.oncanplay=SomeJavaScriptCode;

使用 addEventListener()：

audio|video.addEventListener("canplay", function()
  {
  //SomeJavaScriptCode
  }
);

热门文章推荐

请稍候...

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

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