🟢 Vídeo (<video>)

A tag <video> é usada para incorporar conteúdo de vídeo em uma página web.

Exemplo Básico

Para exibir um vídeo com controles padrão, use o atributo controls. A tag <source> permite especificar múltiplos formatos de vídeo para maior compatibilidade entre navegadores.

<video controls width="400">
  <source src="caminho/para/video.mp4" type="video/mp4">
  <source src="caminho/para/video.webm" type="video/webm">
  Seu navegador não suporta a tag de vídeo.
</video>

Principais Atributos

• controls: Exibe os controles de reprodução padrão (play, pause, volume, etc.).
• autoplay: Inicia a reprodução do vídeo automaticamente. Atenção: A maioria dos navegadores modernos bloqueia o autoplay com som. Para funcionar, geralmente precisa ser combinado com o atributo muted.
• muted: Deixa o vídeo sem som por padrão.
• loop: Faz com que o vídeo reinicie automaticamente ao terminar.
• poster="imagem.jpg": Exibe uma imagem antes do vídeo ser carregado ou reproduzido.
• width e height: Definem as dimensões do player de vídeo.

Exemplo com Autoplay e Poster

Este exemplo mostra um vídeo que começa a tocar automaticamente (sem som) e exibe uma imagem de capa antes de iniciar.

<video 
  width="400" 
  poster="https://via.placeholder.com/400x225.png?text=Capa+do+Vídeo" 
  autoplay 
  muted 
  loop>
    <source src="video.mp4" type="video/mp4">
    Seu navegador não suporta a tag de vídeo.
</video>