HTMLMediaElement: canplay

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 canplay es activado cuando el user agent puede reproducir contenido multimedia, pero estima que no han sido cargados suficientes datos para reproducir el contenido multimedia hasta su final sin tener que parar para cargar más contenido.

Este evento no es cancelable y no escala a sus padres (bubble).

Sintaxis

Se puede usar el nombre del evento en métodos como addEventListener(), o establecerlo como una propiedad manejadora de eventos.

js
addEventListener("canplay", (event) => {});

oncanplay = (event) => {};

Tipo de evento

Un objeto Event genérico.

Ejemplos

Estos ejemplos agregan un detector de eventos para el evento canplay del objeto HTMLMediaElement, después envían un mensaje cuando ese manejador de eventos ha reaccionado a la activación del evento.

Usando addEventListener():

js
const video = document.querySelector("video");

video.addEventListener("canplay", (event) => {
  console.log(
    "El video puede iniciar, pero sin la seguridad de que pueda ser reproducido.",
  );
});

Usando la propiedad manejadora de eventos oncanplay:

js
const video = document.querySelector("video");

video.oncanplay = (event) => {
  console.log(
    "El video puede iniciar, pero sin la seguridad de que pueda ser reproducido.",
  );
};

Especificaciones

Specification
HTML Standard
# event-media-canplay
HTML Standard
# handler-oncanplay

Compatibilidad con navegadores

BCD tables only load in the browser

Eventos relacionados

Véase también