HTMLMediaElement: durationchange-Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das durationchange-Ereignis wird ausgelöst, wenn das Attribut duration aktualisiert wurde.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("durationchange", (event) => { })
Alternativ können Sie die Event-Handler-Eigenschaft der Schnittstelle verwenden:
ondurationchange = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Diese Beispiele fügen einen Event-Listener für das durationchange-Ereignis von HTMLMediaElement hinzu und geben eine Meldung aus, wenn der Event-Handler auf das Ereignis reagiert hat.
Mit addEventListener():
const video = document.querySelector("video");
video.addEventListener("durationchange", (event) => {
console.log("Not sure why, but the duration of the video has changed.");
});
Mit der Event-Handler-Eigenschaft ondurationchange (beachten Sie jedoch, dass dadurch gegebenenfalls andere über ondurationchange hinzugefügte Event-Listener ersetzt werden):
const video = document.querySelector("video");
video.ondurationchange = (event) => {
console.log("Not sure why, but the duration of the video has changed.");
};
Spezifikationen
| Spezifikation |
|---|
| HTML> # event-media-durationchange> |
| HTML> # handler-ondurationchange> |
Browser-Kompatibilität
Verwandte Ereignisse
- Das HTMLMediaElement-Ereignis
playing - Das HTMLMediaElement-Ereignis
waiting - Das HTMLMediaElement-Ereignis
seeking - Das HTMLMediaElement-Ereignis
seeked - Das HTMLMediaElement-Ereignis
ended - Das HTMLMediaElement-Ereignis
loadedmetadata - Das HTMLMediaElement-Ereignis
loadeddata - Das HTMLMediaElement-Ereignis
canplay - Das HTMLMediaElement-Ereignis
canplaythrough - Das HTMLMediaElement-Ereignis
timeupdate - Das HTMLMediaElement-Ereignis
play - Das HTMLMediaElement-Ereignis
pause - Das HTMLMediaElement-Ereignis
ratechange - Das HTMLMediaElement-Ereignis
volumechange - Das HTMLMediaElement-Ereignis
suspend - Das HTMLMediaElement-Ereignis
emptied - Das HTMLMediaElement-Ereignis
stalled