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:
- inicio de carga
- duracióncambiar
- metadatos cargados
- datos cargados
- Progreso
- Poder jugar
- 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