HTML Audio/Video DOM voortgang Evenement

❮ HTML Audio/Video DOM-referentie

Voorbeeld

Melding dat de video wordt gedownload:

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

Meer "Probeer het zelf" voorbeelden hieronder.


Definitie en gebruik

De voortgangsgebeurtenis vindt plaats wanneer de browser de opgegeven audio/video downloadt.

Tijdens het laadproces van een audio/video vinden de volgende gebeurtenissen plaats, in deze volgorde:

  1. laadstart
  2. duurverandering
  3. geladenmetadata
  4. geladen gegevens
  5. voortgang
  6. kan spelen
  7. kan doorspelen

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die de gebeurtenis volledig ondersteunt.

Event
progress Yes 9.0 Yes Yes Yes

Syntaxis

In HTML:

<audio|video onprogress="myScript">

In javascript:

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

In JavaScript, met behulp van de addEventListener()-methode:

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

Technische details

Ondersteunde HTML-tags: <audio> en <video>
Ondersteunde JavaScript-objecten: Audio Video

Meer voorbeelden

Voorbeeld

Waarschuwen dat de audio wordt gedownload:

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

❮ HTML Audio/Video DOM-referentie