tutoriais mais recente desenvolvimento web
 

HTML de áudio / vídeo DOM durationchange Evento

<HTML de áudio / vídeo DOM Reference

Exemplo

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

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
Tente você mesmo "

Mais "Tente você mesmo" exemplos abaixo.


Definição e Uso

O evento durationchange ocorre quando os dados de duração do áudio / vídeo especificado é alterada.

Nota: Quando um áudio / vídeo é carregado, a duração mudará de "NaN" à duração efectiva do áudio / vídeo.

Durante o processo de carregamento de um áudio / vídeo, os seguintes eventos ocorrem, por esta ordem:

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

Suporte a navegadores

Os números na tabela especificar a primeira versão do browser que suporta totalmente o evento.

Evento
durationchange sim 9 sim sim sim

Sintaxe

Em HTML:

< audio|video ondurationchange="myScript"> Try it

Em JavaScript:

audio|video .ondurationchange=function(){myScript}; Try it

Em JavaScript, usando o addEventListener() método:

audio|video .addEventListener("durationchange", myScript ); Try it

Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.


Detalhes técnicos

tags HTML suportados: <audio> and <video>
objetos JavaScript suportados: Audio, Video

mais Exemplos

Exemplo

Alertar que a duração do áudio mudou:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
Tente você mesmo "

<HTML de áudio / vídeo DOM Reference