Manual de referência HTML

大全 de etiquetas HTML

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

O evento loadedmetadata será acionado após a carga dos metadados.

　Áudio HTML/Manual de referência do DOM de vídeo

Exemplo online

Emite um alerta ao carregar os metadados do vídeo:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento loadedmetadata 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.onloadedmetadata=alert("Meta data do vídeo carregado");
</script>　
</body>
</html>

Teste e veja ‹/›

Definição e uso

Quando o áudio especificado já estiver carregado/Quando os metadados do vídeo forem carregados, ocorrerá o evento loadedmetadata.
áudio/Os metadados do vídeo incluem: duração, tamanho (apenas vídeo) e faixas de texto.

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

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o evento loadedmetadata.

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

Sintaxe

No HTML:

<audio|video onloadedmetadata="SomeJavaScriptCode">

No JavaScript:

audio|video.onloadedmetadata=SomeJavaScriptCode;

Usar addEventListener():

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

Detalhes técnicos

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

Mais exemplos

Usar a propriedade onloadedmetadata em elementos HTML

Usar addEventListener() para ouvir o evento loadedmetadata

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

HTML: <template> etiqueta