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.

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

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)

Siehe auch