HTMLMediaElement: loadeddata

基本信息

示例

以下示例展示了如何为媒体元素（HTMLMediaElement）的 loadeddata 事件添加一个事件监听器，以在该事件触发时发送一条消息。

使用 addEventListener()：

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

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

使用 onloadeddata 事件处理器属性：

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

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

规范

浏览器兼容性

相关事件

• 媒体元素 playing 事件
• 媒体元素 waiting 事件
• 媒体元素 seeking 事件
• 媒体元素 seeked 事件
• 媒体元素 ended 事件
• 媒体元素 loadedmetadata 事件
• 媒体元素 loadeddata 事件
• 媒体元素 canplay 事件
• 媒体元素 canplaythrough 事件
• 媒体元素 durationchange 事件
• 媒体元素 timeupdate 事件
• 媒体元素 play 事件
• 媒体元素 pause 事件
• 媒体元素 ratechange 事件
• 媒体元素 volumechange 事件
• 媒体元素 suspend 事件
• 媒体元素 emptied 事件
• 媒体元素 stalled 事件

参见

• HTMLAudioElement
• HTMLVideoElement
• <audio>
• <video>