Gli ultimi tutorial di sviluppo web
 

HTML Audio / Video DOM progresso evento

<HTML Audio / Video Reference del DOM

Esempio

Avvertire che il video sta scaricando:

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

Più "Provate voi stessi" esempi di seguito.


Definizione e utilizzo

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

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

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

Supporto per il browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'evento.

Evento
progress 9.0

Sintassi

In HTML:

< audio|video onprogress="myScript"> Try it

In JavaScript:

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

In JavaScript, utilizzando il addEventListener() metodo:

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

Nota: Il addEventListener() metodo non è supportato in Internet Explorer 8 e versioni precedenti.


Dettagli tecnici

tag HTML supportati: <audio> and <video>
oggetti JavaScript supportati: Audio, Video

Altri esempi

Esempio

Avvertire che l'audio sta scaricando:

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

<HTML Audio / Video Reference del DOM