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	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 # event-media-loadeddata
HTML # handler-onloadeddata

Help improve MDN

Learn how to contribute

This page was last modified on ⁨28 jul 2024⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content

HTMLMediaElement: loadeddata event

Ejemplos

Especificaciones

Compatibilidad con navegadores

Eventos Relacionados

Ver También

Help improve MDN