HTML-Audio/Video-DOM - Fortschrittsereignis

❮ HTML-Audio/Video-DOM-Referenz

Beispiel

Benachrichtigung, dass das Video heruntergeladen wird:

var vid = document.getElementById("myVideo");
vid.onprogress = function() {
    alert("Downloading video");
};

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


Definition und Verwendung

Das Fortschrittsereignis tritt auf, wenn der Browser das angegebene Audio/Video herunterlädt.

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
progress Yes 9.0 Yes Yes Yes

Syntax

Im HTML-Format:

<audio|video onprogress="myScript">

In JavaScript:

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

Verwenden Sie in JavaScript die Methode addEventListener():

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

Technische Details

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

Mehr Beispiele

Beispiel

Benachrichtigung, dass das Audio heruntergeladen wird:

var aud = document.getElementById("myAudio");
aud.onprogress = function() {
    alert("Downloading audio");
};

❮ HTML-Audio/Video-DOM-Referenz