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():

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

Specification
HTML
# event-media-loadeddata
HTML
# handler-onloadeddata

Compatibilidad con navegadores

BCD tables only load in the browser

Eventos Relacionados

Ver También