HTMLMediaElement: durationchange 事件 - Web API 接口参考 编辑
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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.Related Events
HTMLMediaElement: playing event
HTMLMediaElement: waiting event
HTMLMediaElement: seeking event
HTMLMediaElement: seeked event
HTMLMediaElement: ended event
HTMLMediaElement: loadedmetadata event
HTMLMediaElement: loadeddata event
HTMLMediaElement: canplay event
HTMLMediaElement: canplaythrough event
HTMLMediaElement: durationchange event
HTMLMediaElement: timeupdate event
HTMLMediaElement: play event
HTMLMediaElement: pause event
HTMLMediaElement: ratechange event
HTMLMediaElement: volumechange event
HTMLMediaElement: suspend event
HTMLMediaElement: emptied event
HTMLMediaElement: stalled event
See Also
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论