Evento di avanzamento DOM audio/video HTML

❮ Riferimento DOM audio/video HTML

Esempio

Avvisa che il video è in fase di download:

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

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

L'evento di avanzamento si verifica quando il browser sta scaricando l'audio/video specificato.

Durante il processo di caricamento di un audio/video, si verificano i seguenti eventi, in questo ordine:

  1. avvio di caricamento
  2. cambio di durata
  3. metadati caricati
  4. dati caricati
  5. progresso
  6. posso giocare
  7. canplaythrough

Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento.

Event
progress Yes 9.0 Yes Yes Yes

Sintassi

In HTML:

<audio|video onprogress="myScript">

In JavaScript:

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

In JavaScript, utilizzando il metodo addEventListener():

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

Dettagli tecnici

Tag HTML supportati: <audio> e <video>
Oggetti JavaScript supportati: Audio video

Altri esempi

Esempio

Avviso che l'audio è in download:

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

❮ Riferimento DOM audio/video HTML