HTML-Audio/Video-DOM - Daueränderungsereignis

❮ HTML-Audio/Video-DOM-Referenz

Beispiel

Benachrichtigung, dass sich die Dauer des Videos geändert hat:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};

Weitere „Probieren Sie es selbst“-Beispiele weiter unten.


Definition und Verwendung

Das Ereignis „durationchange“ tritt auf, wenn die Dauerdaten des angegebenen Audio/Videos geändert werden.

Hinweis: Wenn ein Audio/Video geladen wird, ändert sich die Dauer von „NaN“ auf die tatsächliche Dauer des Audio/Videos.

Während des Ladevorgangs eines Audio/Videos treten die folgenden Ereignisse in dieser Reihenfolge auf:

  1. Ladestart
  2. Daueränderung
  3. geladene Metadaten
  4. geladene Daten
  5. Fortschritt
  6. kann spielen
  7. kann durchspielen

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt.

Event
durationchange Yes 9.0 Yes Yes Yes

Syntax

Im HTML-Format:

<audio|video ondurationchange="myScript">

In JavaScript:

audio|video.ondurationchange=function(){myScript};

Verwenden Sie in JavaScript die Methode addEventListener():

audio|video.addEventListener("durationchange", myScript);

Technische Details

Unterstützte HTML-Tags: <Audio> und <Video>
Unterstützte JavaScript-Objekte: Audio-Video

Mehr Beispiele

Beispiel

Warnung, dass sich die Dauer des Audios geändert hat:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};

❮ HTML-Audio/Video-DOM-Referenz