HTMLMediaElement: durationchange 事件

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.');
};

Specifications

Specification Status
HTML Living Standard
durationchange media event
Living Standard
HTML5
durationchange media event
Recommendation

Browser compatibility

BCD tables only load in the browser

See Also