Etiqueta <video> HTML

Definição e uso

<video> Tag usada para embeder conteúdo de vídeo em um documento, como fragmentos de filmes ou outros fluxos de vídeo.

<video> Tag contém uma ou mais tags com diferentes fontes de vídeo. Tag <source>. O navegador escolherá o primeiro que suportar.

<video> e </video> O texto entre as tags apenas será exibido em navegadores que não suportam <video> apresentado no navegador do elemento.

O HTML suporta três formatos de vídeo: MP4, WebM e OGG.

Navegador MP4 WebM Ogg
Edge Suportado Suportado Suportado
Chrome Suportado Suportado Suportado
Firefox Suportado Suportado Suportado
Safari Suportado Suportado Não suportado
Opera Suportado Suportado Suportado

Veja também:

Manual de referência do DOM HTML:Manual de Referência DOM de Áudio/Video HTML

Exemplo

Reproduzir vídeo:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Seu navegador não suporta a tag de vídeo.
</video>

Experimente você mesmo

Dicas e comentários

Dica:Para arquivos de áudio, consulte a tag <audio>.

Atributo opcional

Atributo Valor Descrição
autoplay autoplay Definir que o vídeo deve começar a reproduzir-se imediatamente após estar pronto.
controls controls Definir os controles de vídeo que devem ser exibidos (por exemplo, botões de reprodução/pausa etc.).
height pixels Definir a altura do player de vídeo.
loop loop Definir que o vídeo deve começar novamente no final de cada reprodução.
muted muted Definir se a saída de áudio do vídeo deve ser mudo.
poster URL Definir a imagem a ser exibida enquanto o vídeo está sendo baixado ou antes que o botão de reprodução seja clicado pelo usuário.
preload
  • auto
  • metadata
  • none
 Definir se o vídeo deve ser carregado ou como deve ser carregado ao carregar a página.
src URL Definir o URL do arquivo de vídeo.
width pixels Definir a largura do player de vídeo.

Propriedades globais

<video> A etiqueta também suporta Propriedades globais no HTML.

Propriedades de evento

<video> A etiqueta também suporta Propriedades de evento no HTML.

Configuração CSS padrão

Nenhum.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou o primeiro atributo completo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5