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?
Como desligo os controles?
Serve para incorporar vídeo do YouTube?
Ferramentas Relacionadas
Gerador de Embed do YouTube
Monta um <iframe> de incorporação do YouTube a partir do ID do vídeo, com dimensões customizáveis.
Gerador de Embed Google Maps
Monta um <iframe> simples para incorporar Google Maps a partir de um endereço ou coordenadas.
Gerador de iframe
Monta um <iframe> genérico com src, largura, altura e atributos opcionais (sandbox, allow).