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 Juli 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.
js
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():
js
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:
js
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
Loading…
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)