Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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():

js
addEventListener("durationchange", (event) => { })

Alternativ können Sie die Event-Handler-Eigenschaft der Schnittstelle verwenden:

js
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():

js
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):

js
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

Siehe auch