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.
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()
:
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
:
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
- El evento HTMLMediaElement
playing
- El evento HTMLMediaElement
waiting
- El evento HTMLMediaElement
seeking
- El evento HTMLMediaElement
seeked
- El evento HTMLMediaElement
ended
- El evento HTMLMediaElement
loadedmetadata
- El evento HTMLMediaElement
loadeddata
- El evento HTMLMediaElement
canplay
- El evento HTMLMediaElement
canplaythrough
- El evento HTMLMediaElement
durationchange
- El evento HTMLMediaElement
timeupdate
- El evento HTMLMediaElement
play
- El evento HTMLMediaElement
pause
- El evento HTMLMediaElement
ratechange
- El evento HTMLMediaElement
volumechange
- El evento HTMLMediaElement
suspend
- El evento HTMLMediaElement
emptied
- El evento HTMLMediaElement
stalled