HTMLMediaElement: ended 事件

示例

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

使用 addEventListener()：

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

video.addEventListener("ended", (event) => {
  console.log(
    "Video stopped either because 1) it was over, " +
      "or 2) no further data is available.",
  );
});

使用 onended 事件处理器属性：

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

video.onended = (event) => {
  console.log(
    "Video stopped either because 1) it was over, " +
      "or 2) no further data is available.",
  );
};

规范

浏览器兼容性

相关事件

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

参见

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

• 媒体捕捉与媒体流

  • 媒体捕捉与媒体流：ended 事件

• Web Audio API

  • Web audio API: ended 事件