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

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

Especificaciones Estado
HTML Living Standard
La definición de 'loadeddata media event' en esta especificación.
Living Standard
HTML5
La definición de 'loadeddata media event' en esta especificación.
Recommendation

Compatibilidad del navegador

BCD tables only load in the browser

Eventos Relacionados

Ver También