HTML 音频视频 DOM loadedmetadata 事件

放鹤归舟

HTML 音频/视频 DOM loadedmetadata 事件

提示视频的元数据已加载:

myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("Meta data for video loaded");

定义和用法

当指定的音频/视频的元数据已加载时,会发生 loadedmetadata 事件。

音频/视频的元数据包括:时长、尺寸(仅视频)以及文本轨道。

当音频/视频处于加载过程中时,会依次发生以下事件:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

浏览器支持

HTML 音频视频 DOM loadedmetadata 事件HTML 音频视频 DOM loadedmetadata 事件HTML 音频视频 DOM loadedmetadata 事件HTML 音频视频 DOM loadedmetadata 事件HTML 音频视频 DOM loadedmetadata 事件

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

注意:Internet Explorer 8 及之前的版本不支持该事件。


语法

在 HTML 中:

	<audio|video onloadedmetadata="SomeJavaScriptCode">

在 JavaScript 中:

	audio|video.onloadedmetadata=SomeJavaScriptCode;

使用 addEventListener():

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

技术细节

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


在 HTML 元素上使用 onloadedmetadata 属性

使用 addEventListener() 来监听 loadedmetadata 事件


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码