Los últimos tutoriales de desarrollo web
 

HTML Audio / Video DOM durationchange Evento

<HTML Audio / Video Referencia DOM

Ejemplo

Alertar de que la duración del vídeo ha cambiado:

var vid = document.getElementById("myVideo");
vid.ondurationchange = function() {
    alert("The video duration has changed");
};
Inténtalo tú mismo "

Más "hacerlo por uno mismo" ejemplos a continuación.


Definición y Uso

El evento durationchange se produce cuando se cambia los datos de duración del audio / video especificado.

Nota: Cuando se carga un archivo de audio / vídeo, la duración cambiará de "NaN" a la duración real del audio / vídeo.

Durante el proceso de carga de un archivo de audio / vídeo, se producen los siguientes acontecimientos, en este orden:

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

Soporte para el navegador

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

Evento
durationchange 9.0

Sintaxis

En HTML:

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

En JavaScript:

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

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

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

Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.


Detalles técnicos

etiquetas HTML compatibles: <audio> and <video>
objetos JavaScript compatibles: Audio, Video

Más ejemplos

Ejemplo

Alertar de que la duración del audio ha cambiado:

var aud = document.getElementById("myAudio");
aud.ondurationchange = function() {
    alert("The audio duration has changed");
};
Inténtalo tú mismo "

<HTML Audio / Video Referencia DOM