Evento de cambio de duración de DOM de audio/video HTML

❮ Referencia de DOM de audio/vídeo HTML

Ejemplo

Alerta que la duración del video ha cambiado:

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

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

El evento de cambio de duración se produce cuando se modifican los datos de duración del audio/vídeo especificado.

Nota: cuando se carga un audio/video, la duración cambiará de "NaN" a la duración real del audio/video.

Durante el proceso de carga de un audio/video, ocurren los siguientes eventos, en este orden:

  1. inicio de carga
  2. duracióncambiar
  3. metadatos cargados
  4. datos cargados
  5. Progreso
  6. Poder jugar
  7. puede jugar

Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Event
durationchange Yes 9.0 Yes Yes Yes

Sintaxis

En HTML:

<audio|video ondurationchange="myScript">

En JavaScript:

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

En JavaScript, usando el método addEventListener():

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

Detalles técnicos

Etiquetas HTML compatibles: <audio> y <vídeo>
Objetos de JavaScript admitidos: Audio, Video

Más ejemplos

Ejemplo

Alerta que la duración del audio ha cambiado:

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

❮ Referencia de DOM de audio/vídeo HTML