El evento DOM onloadeddata en HTML ocurre cuando los datos del cuadro actual se cargan pero los datos del siguiente cuadro no son suficientes para reproducir el audio/video.
Eventos que ocurren durante el proceso de carga de un audio/video:
- onloadstart
- cambio de duración
- metadatos cargados
- datos cargados
- en progreso
- oncanplay
- oncanplaythrough
Etiquetas HTML compatibles:
Sintaxis:
- En HTML:
<element onloadeddata="myScript">
- En JavaScript:
object.onloadeddata = function(){myScript};
- En JavaScript, usando el método addEventListener():
object.addEventListener("loadeddata", myScript);
Ejemplo: en JavaScript, usando el método addEventListener()
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM onloadeddata Event
</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>
HTML DOM onloadeddata Event
</h2>
<video controls id="VideoId">
<source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190705202742/Disabling-Tabs.mp4"
type="video/mp4">
</video>
<script>
document.getElementById(
"VideoId").addEventListener(
"loadeddata", GFGFun);
function GFGFun() {
alert("Browser has loaded the current frame");
}
</script>
</center>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con HTML DOM onloadeddata Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA