Manual de referência HTML

大全 de etiquetas HTML

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

O evento canplay é acionado quando o terminal pode reproduzir o arquivo de mídia, estimando que os dados carregados sejam suficientes para reproduzir a mídia até o final, sem a necessidade de parar para carregar mais conteúdo.

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

Exemplo online

Avisar quando o vídeo estiver pronto para reprodução:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento oncanplay 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　etiqueta video.
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplay=alert("Can start playing video");
</script>　
</body>
</html>

Teste e veja ‹/›

Definição e uso

Quando o navegador pode começar a reproduzir o áudio especificado/O vídeo (bufferizado o suficiente para começar a reprodução) desencadeia o evento canplay.

Quando o áudio/Quando o vídeo está em processo de carregamento, ocorrerão os seguintes eventos em ordem:

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam o evento canplay.

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

Sintaxe

No HTML:

<audio|video oncanplay="SomeJavaScriptCode">

No JavaScript:

audio|video.oncanplay=SomeJavaScriptCode;

Usar addEventListener():

.addEventListener("canplay", function(){
　
}
);

Detalhes técnicos

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

Mais exemplos

Usar a propriedade oncanplay em elementos HTML

Usar addEventListener() para ouvir o evento canplay

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

HTML: <template> tag