The durationchange
event is fired when the duration
attribute has been updated.
Bubbles | No |
---|---|
Cancelable | No |
Interface | Event |
Target | Element |
Default Action | None |
Event handler property | GlobalEventHandlers.ondurationchange |
The durationchange
event is fired when the duration
attribute has been updated.
Bubbles | No |
---|---|
Cancelable | No |
Interface | Event |
Target | Element |
Default Action | None |
Event handler property | GlobalEventHandlers.ondurationchange |
These examples add an event listener for the HTMLMediaElement's durationchange
event, then post a message when that event handler has reacted to the event firing.
Using addEventListener()
:
const video = document.querySelector('video'); video.addEventListener('durationchange', (event) => { console.log('Not sure why, but the duration of the video has changed.'); });
Using the ondurationchange
event handler property:
const video = document.querySelector('video'); video.ondurationchange = (event) => { console.log('Not sure why, but the duration of the video has changed.'); };
Specification |
---|
HTML Standard # event-media-durationchange |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
durationchange_event |
3
|
12
|
3.5
|
9
|
10.5
|
3.1
|
≤37
|
18
|
4
|
11
|
3
|
1.0
|
playing
eventwaiting
eventseeking
eventseeked
eventended
eventloadedmetadata
eventloadeddata
eventcanplay
eventcanplaythrough
eventdurationchange
eventtimeupdate
eventplay
eventpause
eventratechange
eventvolumechange
eventsuspend
eventemptied
eventstalled
event © 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/durationchange_event