Sitio web utiliza fondo de vídeo al elemento para hacer el sitio más atractivo. Tener un sitio web de WordPress con un fondo de vídeo es relativamente simple con Elementor Constructor de páginas. Pero, hay muy pocos recursos sobre cómo lograrlo. En esta ocasión vamos a ver cómo añadir un vídeo de fondo con Elementor Page Builder a una sección, algo muy demandado en cualquier web moderna. Puedes añadir vídeo a cualquier página de introducción, posts, artículos o incluso en una página de producto.
Cómo añadir un vídeo de fondo con Elementor Page Builder
Para añadir un fondo de vídeo, primero necesita tener elementor page builder en su sitio web. Sé que puede sonar tonto de mencionar, pero oímos de los visitantes de vez en cuando que, las cosas no están funcionando. ¡Entonces nos damos cuenta de que, elementor no estaba instalado en su sitio web! Puedes usar elementor tanto en posts como en páginas. Así que crea una nueva página o abre una existente con elementor page builder. A continuación, siga el artículo:
Lea también: Los mejores complementos y widgets de Elementor Page Builder para imágenes
Hemos escrito un artículo sobre varios addons y widgets basados en imágenes en "Los mejores complementos y widgets de Elementor Page Builder para imágenes" post. Léalo.
Etapa 1 : Añada una sección desde el editor haciendo clic en el botón más.
Seleccione la sección de ancho que desee. Voy a seleccionar una sección de ancho completo como se ilustra en la imagen de abajo.
Una vez que haya hecho clic, verá que aparece un panel a la izquierda. Como su nombre indica (Editar sección), ese panel sirve para editar la sección. Puede seleccionar la apariencia de la sección desde la pestaña Diseño. Sólo tienes que seleccionar el ancho del contenido marcado como 1 en la imagen de abajo.
Lo he seleccionado como caja porque estoy creando una entrada de blog. Usted puede dar también de ancho completo. Ahora empieza la parte divertida. Para añadir un vídeo, haga clic en la pestaña Estilo marcada como 2 en la imagen de arriba.
En la pestaña estilo, en la sección fondo, puedes seleccionar 3 tipos de fondo. Sólido, degradado y fondo de vídeo. Haremos clic en el vídeo como en la imagen.
Una vez que haga clic en el icono de vídeo marcado como 1 en la imagen de arriba, verá algunas opciones nuevas. También puede seleccionar el efecto hover de la opción marcada 2. Puede añadir algún efecto de partículas también mediante la activación de las partículas de la opción marcada 3. Una vez que haga clic en el icono de vídeo, verá la siguiente opción.
Puedes dar cualquier enlace de vídeo de YouTube como vídeo de fondo. También puede cargar cualquier vídeo .mp4 utilizando la biblioteca multimedia y dar el permalink real de ese vídeo. Puedes especificar la hora de inicio y fin del vídeo como se indica en el punto 2 de la imagen anterior. También puede proporcionar una imagen de reserva como se marca 3. Una imagen de reserva funcionará cuando habrá algún problema de reproducción para el vídeo. Una vez que haya terminado, guárdelo. Obtendrá algo como lo siguiente:
Es posible que tenga problemas de altura. Recuerde ajustar la altura mínima en la pestaña Diseño, como se muestra en la imagen siguiente.
¡Ya está! Muy sencillo, ¿verdad? Espero que te haya gustado este práctico tutorial. Ahora puedes añadir un fondo de vídeo en WordPress fácilmente con Elementor Page Builder. Por favor, hágamelo saber si tiene algún problema. También hágamelo saber, si usted quiere que escribamos algo que usted está buscando por un tiempo sin ninguna solución. Tener un tiempo bendito.
Obtenga una licencia gratuita de EP y PS (de por vida)
Estamos llevando a cabo un programa de regalos para nuestros queridos consumidores y suscriptores que están conectados a nuestro sitio web oficial BDthemes.com.
Utilizará el avanzado Complementos Elementor para crear la imagen de fondo de su sitio para cambiar el color del tema también.
Visite Element Pack o Prime Slider y comparte con nosotros tus opiniones. Los afortunados ganadores recibirán una licencia vitalicia por valor de $100. Participar sólo te llevará un minuto.
Difusión en el mundo:
Facebook
Twitter
Pinterest
WhatsApp
Vkontakte
Telegrama
1 thought on ldquo;How to add a background video with Elementor Page Builder plugin”
DiaWeb
¡Hola!
He añadido un vídeo de fondo siguiendo sus instrucciones, pero no hay sonido. Mi vídeo es un mp4 subido. Hay alguna manera de obtener el sonido con las imágenes?
Gracias.
Dia