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:

  1. loadstart
  2. mudança de duração
  3. metadados carregados
  4. dados carregados
  5. progresso
  6. pode jogar
  7. 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