> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Video de fondo en secciones, filas y columnas

> Usa un video como fondo en tus embudos y sitios web, con opciones de ajuste, opacidad y repetición en bucle.

El video de fondo te permite poner un video detrás del contenido de una sección, una fila o una columna de tus embudos y sitios web. Es una forma efectiva de dar movimiento a una portada, mostrar tu negocio en acción o crear ambiente sin ocupar espacio con un reproductor. Admite formatos estándar de HTML5, como **MP4** y **WebM**, compatibles con la mayoría de navegadores y dispositivos.

## Cómo agregar un video de fondo

**1. Selecciona el contenedor**

En el editor, haz clic en la sección, fila o columna donde quieres el video de fondo.

**2. Cambia el tipo de fondo**

En el panel de configuración, busca el tipo de medio del fondo y cámbialo a **Video**.

**3. Elige el video**

Selecciona el video desde tu biblioteca de **Medios** o súbelo.

**4. Ajusta las opciones**

Configura cómo se ajusta el video, la opacidad y si se repite en bucle.

**5. Previsualiza**

Haz clic en el ícono de **vista previa** para ver cómo queda la página en el navegador. Luego guarda y publica.

## Ajuste del video

Estas opciones definen cómo se escala el video dentro del espacio disponible:

| Opción | Cómo se ve | Cuándo usarla |
| - | - | - |
| Ajustar (Fit) | El video completo se ve sin deformarse. Si su proporción no coincide con la del contenedor, quedan espacios vacíos a los lados o arriba y abajo. | Cuando es importante que se vea todo el video. |
| Rellenar (Fill) | El video se estira para ocupar todo el espacio, aunque pierda su proporción original. | Cuando lo importante es que no quede ningún espacio vacío. |
| Cubrir (Cover) | El video ocupa todo el espacio manteniendo su proporción. Si no coincide con el contenedor, se recortan los bordes. | La opción más equilibrada para portadas y fondos decorativos. |

## Opacidad del fondo

La opacidad te ayuda a que el texto sobre el video se lea bien.

| Opción | Efecto |
| - | - |
| Ninguna | El video se ve con total intensidad, sin transparencia. |
| Desvanecido suave (Light Fade) | Una transparencia ligera. El video sigue siendo protagonista. |
| Desvanecido medio (Half Fade) | Transparencia de aproximadamente 50 %. Equilibrio entre el video y el contenido. |
| Desvanecido intenso (Heavy Fade) | El video queda muy tenue, como un fondo sutil. El contenido es el protagonista. |

## Repetición en bucle

* **Activada:** el video se reproduce de forma continua y vuelve a empezar al terminar. Ideal para fondos decorativos.
* **Desactivada:** el video se reproduce una vez y se detiene al final. Útil para introducciones cortas.

## Buenas prácticas

* Usa videos cortos (de 10 a 30 segundos) y livianos para que la página cargue rápido.
* Elige videos sin sonido o con el audio en segundo plano: el video de fondo es decorativo.
* Si pones texto encima, aplica algo de desvanecido para mejorar la legibilidad.
* Revisa la vista en celular. En pantallas pequeñas, la opción **Cubrir** puede recortar más de lo esperado.

## Artículos relacionados

> **[Video alojado en embudos y sitios](https://help.chateea.com/docs/sitios/video-alojado-en-embudos-y-sitios.md)**
>
> Inserta un reproductor de video con controles.

> **[Diseños adaptables a móviles](https://help.chateea.com/docs/sitios/disenos-adaptables-a-moviles.md)**
>
> Ajusta tus páginas para celulares.

> **[Animaciones de entrada](https://help.chateea.com/docs/sitios/animaciones-de-entrada-para-secciones-filas-y-columnas.md)**
>
> Anima secciones, filas y columnas.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.