English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referência HTML

大全 de etiquetas HTML

Áudio HTML/Evento progress do DOM de vídeo

Quando o navegador carregar recursos, o evento progress será acionado periodicamente.

 Áudio HTML/Manual de Referência DOM de Vídeo

Exemplo online

Aviso: O vídeo está sendo baixado:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento onprogress do vídeo-Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Seu navegador não suporta HTML5 A etiqueta video
</video>
<script>
myVid=document.getElementById("video1");
myVid.onprogress=alert("Baixando vídeo");
</script> 
</body>
</html>
Teste para ver ‹/›

Definição e uso

enquanto o navegador está baixando o áudio especificado/ao reproduzir o vídeo, ocorrerão eventos de progresso.
No áudio/Durante o processo de carregamento do vídeo, os seguintes eventos ocorrem na seguinte ordem:

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam o evento progress.

Atenção:Internet Explorer 8 e versões anteriores não suportam este evento.

Sintaxe

No HTML:

<audio|video onprogress="SomeJavaScriptCode">

No JavaScript:

audio|video.onprogress=SomeJavaScriptCode;

Usar addEventListener():

audio|video.addEventListener("progress", function()
  {
  //SomeJavaScriptCode
  }
);

Detalhes técnicos

As seguintes etiquetas HTML suportam:<audio>, <video>
Os seguintes objetos JavaScript suportam:Áudio, Vídeo

Mais exemplos

Usar a propriedade onprogress em elementos HTML

Usar addEventListener() para ouvir o evento progress

 Áudio HTML/Manual de Referência DOM de Vídeo