Manual de referência HTML

大全 de etiquetas HTML

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

Quando o atributo duration já foi atualizado, o evento durationchange será acionado.

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

Exemplo online

Avisar que a duração do vídeo mudou:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso do evento durationchange 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.ondurationchange=alert("A duração do vídeo mudou");
</script>　
</body>
</html>

Teste e veja ‹/›

Definição e uso

Quando alterar o áudio especificado/Os dados de duração do vídeo, ocorre o evento durationchange.
Atenção: ao carregar o áudio/Depois do vídeo, a duração será alterada de "NaN" para o áudio/duração real do vídeo.

Quando o áudio/Quando o vídeo está sendo carregado, os seguintes eventos ocorrem em sequência:

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam o evento durationchange.

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

Sintaxe

No HTML:

<audio|video ondurationchange="SomeJavaScriptCode">

No JavaScript:

.ondurationchange=SomeJavaScriptCode;

Usar addEventListener():

.addEventListener("durationchange", 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 ondurationchange em elementos HTML

Usar addEventListener() para ouvir o evento durationchange

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

HTML: <template> etiqueta