HTMLMediaElement: loadeddata event
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 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()
:
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:
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
Specification |
---|
HTML Standard # event-media-loadeddata |
HTML Standard # handler-onloadeddata |
Compatibilidad con navegadores
BCD tables only load in the browser
Eventos Relacionados
HTMLMediaElement: playing event
HTMLMediaElement: waiting event
HTMLMediaElement: seeking event
HTMLMediaElement: seeked event
HTMLMediaElement: ended event
HTMLMediaElement: loadedmetadata event
HTMLMediaElement: loadeddata event
HTMLMediaElement: canplay event
HTMLMediaElement: canplaythrough event
HTMLMediaElement: durationchange event
HTMLMediaElement: timeupdate event
HTMLMediaElement: play event
HTMLMediaElement: pause event
HTMLMediaElement: ratechange event
HTMLMediaElement: volumechange event
HTMLMediaElement: suspend event
HTMLMediaElement: emptied event
HTMLMediaElement: stalled event