Evento de mudança de duração do DOM de áudio/vídeo HTML
❮ Referência HTML de áudio/vídeo DOM
Exemplo
Alerta que a duração do vídeo mudou:
var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
alert("The video duration has changed");
};
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento durationchange ocorre quando os dados de duração do áudio/vídeo especificado são alterados.
Nota: Quando um áudio/vídeo é carregado, a duração mudará de "NaN" para a duração real do áudio/vídeo.
Durante o processo de carregamento de um áudio/vídeo, ocorrem os seguintes eventos, nesta ordem:
- loadstart
- mudança de duração
- metadados carregados
- dados carregados
- progresso
- pode jogar
- pode jogar
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.
Event | |||||
---|---|---|---|---|---|
durationchange | Yes | 9.0 | Yes | Yes | Yes |
Sintaxe
Em HTML:
<audio|video ondurationchange="myScript">
Em JavaScript:
audio|video.ondurationchange=function(){myScript};
Em JavaScript, usando o método addEventListener():
audio|video.addEventListener("durationchange", myScript);
Detalhes técnicos
Tags HTML suportadas: | <áudio> e <vídeo> |
---|---|
Objetos JavaScript suportados: | Áudio vídeo |
Mais exemplos
Exemplo
Alerta que a duração do áudio mudou:
var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
alert("The audio duration has changed");
};
❮ Referência HTML de áudio/vídeo DOM