HTMLMediaElement: loadeddata event
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 (en-US) |
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
(en-US)HTMLMediaElement: waiting event
(en-US)HTMLMediaElement: seeking event
(en-US)HTMLMediaElement: seeked event
(en-US)HTMLMediaElement: ended event
(en-US)HTMLMediaElement: loadedmetadata event
(en-US)HTMLMediaElement: loadeddata event
HTMLMediaElement: canplay event
HTMLMediaElement: canplaythrough event
(en-US)HTMLMediaElement: durationchange event
(en-US)HTMLMediaElement: timeupdate event
HTMLMediaElement: play event
(en-US)HTMLMediaElement: pause event
(en-US)HTMLMediaElement: ratechange event
(en-US)HTMLMediaElement: volumechange event
(en-US)HTMLMediaElement: suspend event
(en-US)HTMLMediaElement: emptied event
(en-US)HTMLMediaElement: stalled event
(en-US)