<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:
- loadstart
- durationchange
- loadedmetadata
- loadeddata
- progress
- canplay
- 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 | Sí | 9.0 | Sí | Sí | Sí |
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 "