Como Reproduzir um Vídeo em Segundo Plano ao Entrar no Blog — Dica Rápida e Estilosa

Quer deixar o seu blog com uma cara mais moderna e imersiva? Com um pequeno código, você pode reproduzir um vídeo em segundo plano automaticamente quando o visitante entra, com o áudio desligado pra não incomodar — um detalhe que faz toda diferença na experiência visual.

🎬 Exemplo de código simples

Aqui vai um modelo fácil e leve que você pode personalizar com o vídeo que quiser — do YouTube, de um arquivo MP4 hospedado ou até de um link do BUnit.in (se quiser mascarar o endereço).


  
<!-- VÍDEO EM SEGUNDO PLANO -->
<style> /* Área do vídeo */ #video-fundo { position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; opacity: 0.4; /* Ajuste a transparência conforme quiser */ } /* Conteúdo do blog fica por cima */ body { position: relative; z-index: 1; background: rgba(0,0,0,0.2); } </style> <!-- Vídeo automático e mudo --> <video id="video-fundo" autoplay muted loop playsinline> <source src="https://blogger.googleusercontent.com/video.mp4" type="video/mp4"> Seu navegador não suporta vídeos. </video>

🧩 Como personalizar

🎥 Troque o link do vídeo: substitua o src="..." por um link MP4 do seu vídeo (pode ser do Google Drive, Dropbox, ou um BUnit.in encurtado).
🔇 Áudio desligado: o atributo muted é obrigatório para o autoplay funcionar — sem ele, o navegador bloqueia.
♻️ Loop contínuo: o loop faz o vídeo reiniciar sozinho. Se quiser que ele toque uma vez só, remova essa tag.
🎨 Transparência: altere o valor da opacity (0.4 = translúcido / 1 = vídeo nítido).

💡 Dica extra

Se quiser deixar o vídeo mais leve, use clipes curtos e compactados. Você pode converter o vídeo online para MP4 com resolução reduzida. E se quiser que ele carregue apenas na página inicial, use um <b:if cond='data:blog.pageType == "index"'> ao redor do código.

Quer automatizar esse tipo de efeito no futuro? O Gerador de Popup do Blogueiros United vai te permitir inserir vídeos, anúncios e popups personalizados com poucos cliques. 😉

🚀 Conclusão

Simples, leve e com impacto visual imediato. Um vídeo de fundo dá dinamismo e valor estético pro seu blog, especialmente se usado com bom gosto. Escolha um vídeo curto, mudo e em loop — e veja seu site ganhar alma e movimento. 🎞️