HTMLMediaElement：loadeddata 事件

基线 广泛可用

此功能已经成熟，可以在许多设备和浏览器版本中使用。它自 2015 年 7 月.

报告反馈

当媒体当前播放位置处的帧完成加载时，会触发 loadeddata 事件；通常是第一帧。

语法

注意：如果浏览器设置中启用了数据节省功能，则此事件不会在移动设备/平板电脑上触发。

使用像 addEventListener() 这样的方法使用事件名称，或者设置事件处理程序属性。
addEventListener("loadeddata", (event) => {});

onloadeddata = (event) => {};

事件类型

js

示例

一个通用的 Event。

这些示例为 HTMLMediaElement 的 loadeddata 事件添加了一个事件监听器，然后在该事件处理程序对事件触发做出反应时发布一条消息。

使用像 addEventListener() 这样的方法使用事件名称，或者设置事件处理程序属性。
const video = document.querySelector("video");

video.addEventListener("loadeddata", (event) => {
  console.log(
    "Yay! The readyState just increased to  " +
      "HAVE_CURRENT_DATA or greater for the first time.",
  );
});

使用 addEventListener()

使用像 addEventListener() 这样的方法使用事件名称，或者设置事件处理程序属性。
const video = document.querySelector("video");

video.onloadeddata = (event) => {
  console.log(
    "Yay! The readyState just increased to  " +
      "HAVE_CURRENT_DATA or greater for the first time.",
  );
};

规范

使用 onloadeddata 事件处理程序属性
规范
# HTML 标准
规范
# event-media-loadeddata

浏览器兼容性

handler-onloadeddata

另请参阅