1001Ferramentas
🎬Utilitários

Gerador de embed de vídeo

Monta uma tag <video> HTML5 com fonte, controles, poster, autoplay e loop configuráveis.



  

Tag video HTML5 com poster e autoplay

A tag video parece o mais simples do HTML até o dia em que o autoplay não dispara e ninguém explica por quê, ou o vídeo entra na página empurrando o texto para baixo enquanto carrega. São dois detalhes chatos e conhecidos: o navegador exige som mudo para tocar sozinho, e sem largura e altura declaradas o espaço não fica reservado antes do arquivo chegar.

Você preenche a URL do arquivo, um poster opcional, as medidas e responde sim ou nao para autoplay e loop. Quando você marca autoplay como sim, a ferramenta escreve autoplay e muted juntos, que é a única combinação aceita por Chrome e Safari. O atributo controls sai sempre, mesmo sem você pedir. Os dois campos comparam a palavra literal sim: escrever yes ou 1 conta como não.

Para iPhone, acrescente playsinline no código copiado, senão o vídeo abre em tela cheia quando a pessoa toca em play. O poster evita aquele retângulo cinza antes do primeiro frame. A saída usa um único src, então, se você quiser servir WebM além do MP4, troque por duas tags source dentro do video. Isso aqui não serve para YouTube ou Vimeo, que pedem iframe. A montagem acontece no navegador.

Perguntas frequentes

Por que o autoplay vem acompanhado de muted?
Chrome e Safari bloqueiam reprodução automática com som. Sem o muted, o vídeo simplesmente não começa e o atributo autoplay parece ter sido ignorado.
Como desligo os controles?
Pelo formulário não dá: o controls é sempre escrito. Apague a palavra no código depois de copiar, lembrando que sem controles ninguém pausa nem ajusta o volume.
Serve para incorporar vídeo do YouTube?
Não. A tag video toca arquivos que você mesmo hospeda, como MP4 ou WebM. YouTube e Vimeo exigem um iframe do player deles.

Ferramentas Relacionadas