HTMLMediaElement: loadedmetadata 事件

基线 广泛可用

此功能非常成熟，可在许多设备和浏览器版本上运行。它自以下时间起在所有浏览器中可用： 2015 年 7 月.

loadedmetadata 事件在元数据加载完毕时触发。

语法

在诸如 addEventListener() 之类的函数中使用事件名，或者设置事件处理程序属性。

js
addEventListener("loadedmetadata", (event) => {});

onloadedmetadata = (event) => {};

事件类型

通用 Event。

示例

以下示例添加了针对 HTMLMediaElement 的 loadedmetadata 事件的事件监听器，然后在该事件处理程序对事件触发做出响应时发布消息。

使用 addEventListener()

js
const video = document.querySelector("video");

video.addEventListener("loadedmetadata", (event) => {
  console.log(
    "The duration and dimensions of the media and tracks are now known.",
  );
});

使用 onloadedmetadata 事件处理程序属性

js
const video = document.querySelector("video");

video.onloadedmetadata = (event) => {
  console.log(
    "The duration and dimensions of the media and tracks are now known.",
  );
};

规范

规范
HTML 标准
# event-media-loadedmetadata
HTML 标准
# handler-onloadedmetadata

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅