Manual de referencia HTML

大全 de etiquetas HTML

Audio HTML/Evento durationchange del DOM de video

cuando se actualiza la propiedad duration, se desencadena el evento durationchange.

　Audio HTML/Manual de Referencia DOM de Video

Ejemplo en línea

Aviso: el tiempo del video ha cambiado:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/uso del evento durationchange del video-Tutoriales básicos(oldtoolbag.com)</<title>
</<head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Su navegador no admite HTML5　etiqueta video.
</video>
<script>
myVid=document.getElementById("video1");
myVid.ondurationchange=alert("La duración del video ha cambiado");
</script>　
</body>
</html>

prueba para ver ‹/›

Definición y uso

cuando se cambia el audio especificado/los datos de duración del video, se produce el evento durationchange.
Nota: al cargar el audio/video, la duración cambiará de "NaN" a la duración del audio/la duración real del video.

cuando el audio/Cuando el video se está cargando, se producen sucesivamente los siguientes eventos:

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el evento durationchange.

Nota:Internet Explorer 8 y versiones anteriores no soportan este evento.

Sintaxis

En HTML:

<audio|video ondurationchange="SomeJavaScriptCode">

En JavaScript:

audio|video.ondurationchange=SomeJavaScriptCode;

Usar addEventListener():

audio|video.addEventListener("durationchange", function()
　 {
　 //SomeJavaScriptCode
　 }
);

Detalles técnicos

Las siguientes etiquetas HTML son compatibles:	<audio>, <video>
Los siguientes objetos JavaScript son compatibles:	Audio, Video

Más ejemplos

Usar la propiedad ondurationchange en un elemento HTML

Usar addEventListener() para escuchar el evento durationchange

　Audio HTML/Manual de Referencia DOM de Video

HTML: <template> etiqueta