> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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:

1. Acesse o editor de páginas;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_ppfjw2.png =650x385)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_11eu731.png =650x182)

3. Em seguida, clique em **"Javascript & CSS"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_14fby83.png =650x407)

4. Clique para **"Adicionar código"** um novo código;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1tdwkxw.png =650x414)

5. 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>
```

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

* Alterar a parte do código onde está escrito `#b_1033405` 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](https://ajuda.greatsoftwares.com.br/pt-br/article/como-identificar-o-id-de-um-bloco-no-greatpages-ylaft7/).

* 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! :)