Manual de referencia de HTML

Manual de referencia de etiquetas HTML

Audio HTML/Evento loadedmetadata del DOM de video

Después de cargar los metadatos, se desencadenará el evento loadedmetadata.

　Audio HTML/Manual de referencia del DOM de video

Ejemplo en línea

Generar una alarma al cargar los metadatos del video:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento loadedmetadata 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.onloadedmetadata=alert("Los metadatos del video se han cargado");
</script>　
</body>
</html>

Prueba aquí ‹/›

Definición y uso

Cuando se haya cargado el audio especificado/Cuando los metadatos del video se hayan cargado, se producirá el evento loadedmetadata.
audio/Los metadatos del video incluyen: duración, tamaño (sólo video) y pistas de texto.

Cuando el audio/Cuando el video está en proceso de carga, se producirán sucesivamente los siguientes eventos:

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten el evento loadedmetadata.

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

Sintaxis

En HTML:

<audio|video onloadedmetadata="SomeJavaScriptCode">

En JavaScript:

audio|video.onloadedmetadata=SomeJavaScriptCode;

Usar addEventListener():

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

Detalles técnicos

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

Más ejemplos

Usar la propiedad onloadedmetadata en elementos HTML

Usar addEventListener() para escuchar el evento loadedmetadata

　Audio HTML/Manual de Referencia de DOM de Video

HTML: <template> etiqueta