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 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 Cancelable Interfaz Objetivo Acción por defecto Propiedad del controlador de eventos Especificación

Event

Element

Ninguno

GlobalEventHandlers.onloadeddata

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.",
  );
};