> ## 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).

# Cómo insertar un VIDEO en el BACKGROUND de la página

Para insertar un **video de background** (fondo) de un bloque en tu página, sigue los pasos a continuación:

1. Accede al editor de páginas mediante el botón **"Editar diseño"**;

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

2. Haz clic en el **ícono de engranaje** que está en la esquina superior derecha de la pantalla;

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

3. Luego, haz clic en **"Javascript y CSS"**;

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

4. Haz clic en **"Añadir código"** para agregar un nuevo código;

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

5. Elige un nombre para tu código, selecciona la opción **"Funcionamiento"** y agrega en el campo de texto todo el código de abajo;

```
<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. Deberás hacer dos cambios en el código:

* Cambiar la parte del código donde dice `#b_1033405` por el ID del bloque donde quieres que el video se reproduzca.

Si tienes dudas sobre [cómo identificar el ID de un bloque, haz clic aquí y accede a nuestro artículo](https://ajuda.greatsoftwares.com.br/es/article/como-identificar-el-id-de-un-bloque-en-greatpages-1lgdwx5/)

* Cambiar donde dice https://seuservidor.com.br/seuvideo.mp4 por el enlace de tu video;

||| IMPORTANTE: El video necesita estar alojado en internet en formato mp4. Los videos de YouTube, por ejemplo, no funcionan.

¿Te quedó alguna duda? ¡Habla con nuestro equipo en el Chat! ¡Siempre estamos listos para ayudarte! :)