HTMLMediaElement: ended 事件

基线 广泛可用

此功能已很成熟，并在许多设备和浏览器版本中都能正常使用。它自 2015 年 7 月.

报告反馈

当播放或流媒体停止时，由于媒体已达到结尾或不再有数据可用，会触发 ended 事件。

此事件基于 HTMLMediaElement (<audio> 和 <video>) 当播放到达媒体结尾时触发 ended。

此事件不可取消，也不会冒泡。

语法

注意: 如果 loop 属性为 true 并且 playbackRate 为非负数，则不会触发 ended 事件。

使用诸如 addEventListener() 之类的方法中的事件名称，或者设置事件处理程序属性。
addEventListener("ended", (event) => {});

onended = (event) => {};

事件类型

js

示例

一个通用的 Event。

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

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

video.addEventListener("ended", (event) => {
  console.log(
    "Video stopped either because it has finished playing or no further data is available.",
  );
});

使用 addEventListener()

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

video.onended = (event) => {
  console.log(
    "Video stopped either because it has finished playing or no further data is available.",
  );
};

规范

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

浏览器兼容性

handler-onended

另请参阅