HTMLMediaElement: durationchange 事件

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

Bubbles No
Cancelable No
Interface Event
Target Element
Default Action None
Event handler property GlobalEventHandlers.ondurationchange (en-US)
Specification HTML5 media

例子

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

使用 addEventListener():

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

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

使用 ondurationchange 事件处理器属性：

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

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

Specifications

Specification
HTML Standard
# event-media-durationchange
HTML Standard
# handler-ondurationchange

Browser compatibility

BCD tables only load in the browser

See Also