JavaScript HTML DOM oncanplay 事件

• 

  oncanplay 事件

  当浏览器可以开始播放指定的音频/视频时（当它已经缓冲到足以开始时），就会发生oncanplay事件。在音频/视频的加载过程中，会按以下顺序发生以下事件：

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

  视频准备好开始播放时执行JavaScript：

  <video oncanplay="myFunction()">
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  oncanplay	9.0+	支持	支持	支持	支持

• 

  语法

  在HTML中：

  <element oncanplay="myScript">

  在JavaScript中：

  object.oncanplay = function(){myScript};

  在JavaScript中，使用addEventListener()方法：

  object.addEventListener("canplay", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	没有
  取消：	没有
  事件类型：	Event
  支持的HTML标记：	<audio>，<video>
  DOM版本	DOM Event Level 3

• 

  更多例子

  当音频准备开始播放时执行JavaScript：

  <audio oncanplay="myFunction()"">
  

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML oncanplay 属性