HTMLMediaElement: durationchange 事件

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

durationchange 事件会在 duration 属性更新时被触发。

Bubbles	No
Cancelable	No
Interface	`Event`
Target	Element
Default Action	None
Event handler property	`GlobalEventHandlers.ondurationchange`
Specification	HTML5 media

例子

下面的例子为 HTMLMediaElement 的 durationchange 事件添加事件监听器，然后在事件触发时发送一个消息。

使用 addEventListener():

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

video.addEventListener("durationchange", (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
});

使用 ondurationchange 事件处理器属性：

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

video.ondurationchange = (event) => {
  console.log("Not sure why, but the duration of the video has changed.");
};