Skip to main content

O HTML5 vídeo é um elemento introduzido no projecto de especificação HTML5 com o propósito de criar uma maneira compatível com os padrões, livre da necessidade de utilização de plugins para reprodução de vídeos e filmes, substituindo parcialmente o elemento - `object`.

O HTML5 vídeo é um elemento introduzido no projecto de especificação HTML5 com o propósito de criar uma maneira compatível com os padrões, livre da necessidade de utilização de plugins para reprodução de vídeos e filmes, substituindo parcialmente o elemento - object.

Utilização básica

Podemos incorporar um elemento de vídeo num documento HTML5 usando o seguinte código:

<video width="320" height="240" controls="controls">
   <source src="filme.ogg" type="video/ogg">
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.webm" type="video/webm">
   <p>O seu navegador não supporta a tag video.</p>
</video>

Atributos

O elemento video tem os seguintes atributos específicos:

  • src indica o endereço de um ficheiro mídia a ser apresentado
  • crossorigin são as configurações dos atributos CORS
  • poster indica o endereço de um arquivo de uma imagem que poderá ser apresentada enquanto ainda não existirem dados disponíveis de vídeo a serem apresentados
  • preload define o comportamento do pré-carregamento do vídeo, sendo os valores válidos none, metadata e auto
  • autoplay é um atributo booleano. Quando presente, o video começará automaticamente a reproduzir assim que disponível, sem parar
  • mediagroup pode ser utilizado para interligar vários elementos mídia em conjunto implicitamente criando um MediaController
  • loop é um atributo boleano que, se especificado, indica que o elemento deve procurar por meios de voltar para o início do recurso ao atingir a sua extremidade
  • muted é um atributo booleano que controla o estado padrão da saída de áudio do recurso mídia, potencialmente substituindo as preferências do usuário
  • controls é um atributo booleano que define se o conjunto de controles de áudio/vídeo padrão deve ou não ser apresentado no navegador
  • width e height especifica as dimensões do elemento em pixels