HTMLMediaElement: loadeddata event
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde julio de 2015.
El evento loadeddata se arroja cuando el cuadro en la posición de reproducción actual del medio ha terminado de cargarse; a menudo el primer marco
| Burbujas | No |
|---|---|
| Cancelable | No |
| Interfaz | Event |
| Objetivo | Element |
| Acción por defecto | Ninguno |
| Propiedad del controlador de eventos | GlobalEventHandlers.onloadeddata |
| Especificación | HTML5 media |
Nota: Tenga en cuenta que este evento no se activará en dispositivos móviles / tablet, si el protector de datos está activado en configuración del navegador.
Ejemplos
Estos ejemplos agregan un escucha de eventos para el evento de loadeddata del HTMLMediaElement, luego publican un mensaje cuando ese controlador de eventos ha respondido al disparo del evento.
Utilizando addEventListener():
js
const video = document.querySelector("video");
video.addEventListener("loadeddata", (event) => {
console.log(
"Hurra! El readyState solo aumentó a " +
"HAVE_CURRENT_DATA or mayor por primera vez.",
);
});
Utilizando el onloadeddata propiedad del controlador de eventos:
js
const video = document.querySelector("video");
video.onloadeddata = (event) => {
console.log(
"Hurra! El readyState solo aumentó a " +
"HAVE_CURRENT_DATA or mayor por primera vez.",
);
};
Especificaciones
| Especificación |
|---|
| HTML # event-media-loadeddata |
| HTML # handler-onloadeddata |
Compatibilidad con navegadores
Eventos Relacionados
HTMLMediaElement: playing eventHTMLMediaElement: waiting eventHTMLMediaElement: seeking eventHTMLMediaElement: seeked eventHTMLMediaElement: ended eventHTMLMediaElement: loadedmetadata eventHTMLMediaElement: loadeddata eventHTMLMediaElement: canplay eventHTMLMediaElement: canplaythrough eventHTMLMediaElement: durationchange eventHTMLMediaElement: timeupdate eventHTMLMediaElement: play eventHTMLMediaElement: pause eventHTMLMediaElement: ratechange eventHTMLMediaElement: volumechange eventHTMLMediaElement: suspend eventHTMLMediaElement: emptied eventHTMLMediaElement: stalled event