HTMLMediaElement: durationchange Event
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das durationchange
-Ereignis wird ausgelöst, wenn das duration
-Attribut aktualisiert wurde.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener()
oder setzen Sie eine Ereignisbehandlungseigenschaft.
addEventListener("durationchange", (event) => { })
ondurationchange = (event) => { }
Ereignistyp
Ein generisches Event
.
Beispiele
Diese Beispiele fügen einen Ereignis-Listener für das durationchange
-Ereignis des HTMLMediaElements hinzu und senden dann eine Nachricht, wenn der Ereignishandler auf das Auslösen des Ereignisses reagiert hat.
Verwendung von addEventListener()
:
const video = document.querySelector("video");
video.addEventListener("durationchange", (event) => {
console.log("Not sure why, but the duration of the video has changed.");
});
Verwendung der ondurationchange
-Ereignisbehandlungseigenschaft:
const video = document.querySelector("video");
video.ondurationchange = (event) => {
console.log("Not sure why, but the duration of the video has changed.");
};
Spezifikationen
Specification |
---|
HTML # event-media-durationchange |
HTML # handler-ondurationchange |
Browser-Kompatibilität
Verwandte Ereignisse
- Das HTMLMediaElement-
playing
-Ereignis (playing
) - Das HTMLMediaElement-
waiting
-Ereignis (waiting
) - Das HTMLMediaElement-
seeking
-Ereignis (seeking
) - Das HTMLMediaElement-
seeked
-Ereignis (seeked
) - Das HTMLMediaElement-
ended
-Ereignis (ended
) - Das HTMLMediaElement-
loadedmetadata
-Ereignis (loadedmetadata
) - Das HTMLMediaElement-
loadeddata
-Ereignis (loadeddata
) - Das HTMLMediaElement-
canplay
-Ereignis (canplay
) - Das HTMLMediaElement-
canplaythrough
-Ereignis (canplaythrough
) - Das HTMLMediaElement-
timeupdate
-Ereignis (timeupdate
) - Das HTMLMediaElement-
play
-Ereignis (play
) - Das HTMLMediaElement-
pause
-Ereignis (pause
) - Das HTMLMediaElement-
ratechange
-Ereignis (ratechange
) - Das HTMLMediaElement-
volumechange
-Ereignis (volumechange
) - Das HTMLMediaElement-
suspend
-Ereignis (suspend
) - Das HTMLMediaElement-
emptied
-Ereignis (emptied
) - Das HTMLMediaElement-
stalled
-Ereignis (stalled
)