Cómo añadir un vídeo de fondo con Elementor

Publicado por Fernando Tellado el 15 May, 2018

Elementor es un plugin genial para maquetar webs pero no siempre lo que buscas está tan claro de encontrar. En esta ocasión vamos a ver cómo añadir un vídeo de fondo con Elementor a una sección, algo muy demandado en páginas de producto, por ejemplo.

Los pasos a seguir son sencillos:

Edita la sección en la que quieras insertar el vídeo de fondo en el icono de Editar.
Ve a la pestaña de “Estilo“.
Haz clic en el icono “Tipo de fondo > Vídeo de fondo“.
Añade el enlace al vídeo. Puedes poner enlace a un vídeo de YouTube o a cualquier archivo mp4 alojado donde quieras.
La opción de Fondo alternativo es recomendable para subir una imagen que sustituya al vídeo en dispositivos móviles que no muestren vídeo o para bajas resoluciones móviles.

O, visto en una sola imagen …

Ya solo quedaría algún ajuste de tamaño, pues en principio se mostrará la sección muy pequeña. Para ello haz lo siguiente:

Ve a la pestaña Disposición.
En Alto, elige Altura mínima.
Mueve el deslizador del tamaño de la Altura mínima a tu tamaño deseado.

Visualmente, sería así:

Otra posibilidad que podría satisfacerte sería, en esta misma pestaña, seleccionar la opción Ajustar a pantalla, para que ocupe todo el scroll. Pero eso ya va en gustos.