HTML Audio/Video DOM canplay Evento

❮ Referencia de DOM de audio/vídeo HTML

Ejemplo

Alerta de que el video está listo para comenzar a reproducirse:

var vid = document.getElementById("myVideo");
vid.oncanplay = function() {
    alert("Can start playing video");
};

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

El evento canplay ocurre cuando el navegador puede comenzar a reproducir el audio/video especificado (cuando tiene suficiente almacenamiento en búfer para comenzar).

Durante el proceso de carga de un audio/video, ocurren los siguientes eventos, en este orden:

  1. inicio de carga
  2. duracióncambiar
  3. metadatos cargados
  4. datos cargados
  5. Progreso
  6. Poder jugar
  7. puede jugar

Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.

Event
canplay Yes 9.0 Yes Yes Yes

Sintaxis

En HTML:

<audio|video oncanplay="myScript">

En JavaScript:

audio|video.oncanplay=function(){myScript};

En JavaScript, usando el método addEventListener():

audio|video.addEventListener("canplay", myScript);

Detalles técnicos

Etiquetas HTML compatibles: <audio> y <vídeo>
Objetos de JavaScript admitidos: Audio, Video

Más ejemplos

Ejemplo

Alerta de que el audio está listo para comenzar a reproducirse:

var aud = document.getElementById("myAudio");
aud.oncanplay = function() {
    alert("Can start playing audio");
};

❮ Referencia de DOM de audio/vídeo HTML