Manual de referencia HTML

Todo el catálogo de etiquetas HTML

Audio HTML/Evento loadeddata del DOM de video

El evento loadeddata se dispara después de que se haya cargado el primer cuadro de datos.

　Audio HTML/Manual de Referencia del DOM de Video

Ejemplo en línea

Avisar que los datos del cuadro actual están disponibles:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso del evento loadeddata 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.onloadeddata=alert("El navegador ha cargado el cuadro actual");
</script>　
</body>
</html>

Prueba a ver ‹/›

Definición y uso

Cuando los datos del cuadro actual ya se han cargado, pero no hay datos suficientes para reproducir el audio especificado/El siguiente cuadro del video, se producirá el evento loadeddata.

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 soportan el evento loadeddata.

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

Sintaxis

En HTML:

<audio|video onloadeddata="SomeJavaScriptCode">

En JavaScript:

audio|video.onloadeddata=SomeJavaScriptCode;

Usar addEventListener():

audio|video.addEventListener("loadeddata", 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 onloadeddata en elementos HTML

Usar addEventListener() para escuchar el evento loadeddata

　Audio HTML/Manual de Referencia del DOM de Video

HTML: <template> etiqueta