JavaScript HTML DOM onloadedmetadata 事件

• 

  onloadedmetadata 事件

  加载指定音频/视频的元数据时会发生onloadedmetadata事件。音频/视频的元数据包括：持续时间，尺寸（仅视频）和文本轨道。在音频/视频的加载过程中，会按以下顺序发生以下事件：

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

  加载视频的元数据时执行JavaScript：

  <video onloadedmetadata="myFunction()">
  

  尝试一下
• 

  浏览器支持

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

• 

  语法

  在HTML中：

  <element onloadedmetadata="myScript">

  在JavaScript中：

  object.onloadedmetadata = function(){myScript};

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

  object.addEventListener("loadedmetadata", myScript);

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

  技术细节

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

• 

  更多例子

  加载音频的元数据时执行JavaScript：

  <audio onloadedmetadata="myFunction()">
  

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML onloadedmetadata 属性