Evento oncanplaythrough

Definição e uso

Se o navegador previr que será capaz de reproduzir o recurso de mídia especificado até o final sem a necessidade de carregar mais conteúdo, ocorrerá o evento oncanplaythrough.

Durante o processo de carga do áudio/vídeo, os seguintes eventos ocorrerão na seguinte ordem:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

Exemplo

Exemplo 1

Execute JavaScript quando o vídeo puder ser reproduzido sem parar:

<video oncanplaythrough="myFunction()">

Experimente pessoalmente

Exemplo 2

Execute JavaScript quando o áudio puder ser reproduzido sem parar:

<audio oncanplaythrough="myFunction()">

Experimente pessoalmente

Sintaxe

No HTML:

<element oncanplaythrough="myScript">

Experimente pessoalmente

No JavaScript:

object.oncanplaythrough = function(){myScript};

Experimente pessoalmente

No JavaScript, use o método addEventListener():

object.addEventListener("canplaythrough", myScript);

Experimente pessoalmente

Notas:O Internet Explorer 8 e versões anteriores não suportam Método addEventListener().

Detalhes técnicos

Bubbling: Não suportado
Cancelável: Não suportado
Tipo de evento: Evento
Etiquetas HTML suportadas: <audio> e <video>
Versão do DOM: Eventos de Nível 3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse evento.

Evento Chrome IE Firefox Safari Opera
oncanplaythrough Suporte 9.0 Suporte Suporte Suporte