Evento de progresso do DOM de áudio/vídeo HTML

❮ Referência HTML de áudio/vídeo DOM

Exemplo

Alertar que o vídeo está sendo baixado:

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

Mais exemplos de "Experimente você mesmo" abaixo.


Definição e uso

O evento de progresso ocorre quando o navegador está baixando o áudio/vídeo especificado.

Durante o processo de carregamento de um áudio/vídeo, ocorrem os seguintes eventos, nesta ordem:

  1. loadstart
  2. mudança de duração
  3. metadados carregados
  4. dados carregados
  5. progresso
  6. pode jogar
  7. pode jogar

Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.

Event
progress Yes 9.0 Yes Yes Yes

Sintaxe

Em HTML:

<audio|video onprogress="myScript">

Em JavaScript:

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

Em JavaScript, usando o método addEventListener():

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

Detalhes técnicos

Tags HTML suportadas: <áudio> e <vídeo>
Objetos JavaScript suportados: Áudio vídeo

Mais exemplos

Exemplo

Alertar que o áudio está sendo baixado:

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

❮ Referência HTML de áudio/vídeo DOM