Evento de metadados carregados do DOM de áudio/vídeo HTML

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

Exemplo

Alerta quando os metadados do vídeo são carregados:

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
    alert("Metadata for video loaded");
};

Mais exemplos de "Experimente você mesmo" abaixo.


Definição e uso

O evento loadmetadata ocorre quando os metadados do áudio/vídeo especificado são carregados.

Os metadados para áudio/vídeo consistem em: duração, dimensões (somente vídeo) e faixas de texto.

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
loadedmetadata Yes 9.0 Yes Yes Yes

Sintaxe

Em HTML:

<audio|video onloadedmetadata="myScript">

Em JavaScript:

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

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

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

Detalhes técnicos

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

Mais exemplos

Exemplo

Alerta quando os metadados do áudio são carregados:

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
    alert("Metadata for audio loaded");
};

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