Como inserir um VÍDEO no BACKGROUND da página

Para inserir um vídeo de background (plano de fundo) de um bloco em sua página, siga os passos abaixo:

Acesse o editor de páginas;

Clique no ícone de engrenagem que fica no canto superior direito da tela;

Em seguida, clique em "Javascript & CSS";

Clique para "Adicionar" um novo código;

Escolha um nome para seu código, selecione a opção "Funcionamento" e adicione no campo de texto todo o código abaixo;

<script>

  $('#b_1033405').append(

    '<video autoplay="" muted="" loop="" playsinline="" id="vid" preload="auto" width="100%" height="100%" volume="0" canplay="false"><source src="https://seuservidor.com.br/seuvideo.mp4" type="video/mp4"></video><div class="overlay"></div>'

  );

</script>


<style>

  video {

    filter: grayscale(100%);

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: 0;

  }


  .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-size: 3px 3px;

    z-index: 0;

  }

</style>

Você precisará fazer duas mudanças no código:

Alterar a parte do código onde está escrito b1033405 para a ID do bloco onde quer que o vídeo seja reproduzido.

Se tiver dúvidas de como identificar a ID de um bloco clique aqui e acesso nosso artigo.

Alterar onde está escrito "https://seuservidor.com.br/seuvideo.mp4" para o link do seu vídeo;

IMPORTANTE: O vídeo precisa estar hospedado na internet em formato mp4. Vídeos do YouTube, por exemplo, não funcionam.

Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar!

Atualizado em: 24/07/2026

Este artigo foi útil?

Obrigado!