<video>: Elemento VIDEO
Última atualização: 2026-10-13
<video>Elemento VIDEO
Incorpora um player de vídeo com controles, imagem de pôster e múltiplos formatos de fonte.
| Categoria | Links e Mídia |
|---|---|
| Modelo de Conteúdo | Conteúdo incorporado |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </video> tag |
| Status | Padrão |
📝 Sintaxe
<video controls>conteúdo de vídeo</video>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
src | Video file URL. | |
controls | Shows playback controls. | |
autoplay | Auto-plays (usually needs muted). | |
loop | Loops the video. | |
muted | Starts muted. | |
poster | Poster image URL shown before playback. | |
width | Display width in pixels. | |
height | Display height in pixels. | |
preload | Preload hint: none/metadata/auto. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <video> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： poster define a imagem de capa antes da reprodução; autoplay em mobile também costuma exigir muted.
❓ Perguntas Frequentes
QQuais formatos o video suporta? Como escolher?
ATrês formatos principais: MP4 (H.264+AAC) com compatibilidade de 100%, WebM (VP9) aberto e gratuito, e AV1, mais recente, com a melhor eficiência de compressão. Na prática: MP4 como formato principal obrigatório, WebM/AV1 via múltiplos
<source> para economizar banda — o navegador escolhe o melhor automaticamente.QPara que serve o atributo poster de video?
A
poster='capa.jpg' define a imagem de capa exibida antes do carregamento/reprodução do vídeo. Sem poster, o navegador mostra o primeiro quadro (ou tela vazia em alguns). A capa também melhora a velocidade de carregamento percebida — configure-a sempre.QQual combinação de atributos para reprodução automática de video?
AAutoplay com som é bloqueado; a combinação confiável é
<video autoplay muted loop playsinline> — reprodução silenciada, em loop e inline (padrão para vídeos de fundo). Para ativar o som, espere a primeira interação do usuário, remova o muted e dê play.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
