O DOM de áudio/vídeo HTML pode reproduzir o evento

❮ Referência HTML de áudio/vídeo DOM

Exemplo

Alerta de que o vídeo está pronto para começar a ser reproduzido:

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

Mais exemplos de "Experimente você mesmo" abaixo.


Definição e uso

O evento canplay ocorre quando o navegador pode começar a reproduzir o áudio/vídeo especificado (quando tiver buffer suficiente para começar).

Durante o processo de carregamento de um áudio/vídeo, ocorrem os seguintes eventos, nesta ordem:

  1. loadstart
  2. mudança de duração
  3. metadados carregados
  4. dados carregados
  5. progresso
  6. pode jogar
  7. pode jogar

Suporte ao navegador

Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao evento.

Event
canplay Yes 9.0 Yes Yes Yes

Sintaxe

Em HTML:

<audio|video oncanplay="myScript">

Em JavaScript:

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

Em JavaScript, usando o método addEventListener():

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

Detalhes técnicos

Tags HTML suportadas: <áudio> e <vídeo>
Objetos JavaScript suportados: Áudio vídeo

Mais exemplos

Exemplo

Alerta de que o áudio está pronto para começar a ser reproduzido:

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

❮ Referência HTML de áudio/vídeo DOM