Fondos de video para WordPress: cuándo y cómo agregarlos a su sitio web

¿Debería usar fondos de video en su sitio web?

Los videos de fondo se utilizan mejor en sitios web que tienen como objetivo causar una gran primera impresión en sus visitantes. El contenido del video en sí no siempre es el aspecto más importante, sino el impacto que tendrá en el espectador cuando se muestre como fondo de su sitio.

Como aquí estamos hablando de un video de fondo, en lugar de un mensaje de bienvenida de video u otro contenido de video de primer plano, en la mayoría de los casos, se oscurecerá el metraje exacto del video. Esto puede funcionar a tu favor, ya que te da cierta libertad en cuanto al tipo de contenido de video que usas en tu sitio web. El material de archivo no tiene que estar demasiado centrado en el tema de su sitio web, siempre que la apariencia general del video coincida con la estética de su marca y el diseño general de su sitio web.

Es posible agregar fondos de video a cualquier parte de su sitio web, desde la página de inicio, hasta las publicaciones y páginas individuales de su sitio, hasta elementos de página específicos. Sin embargo, en la mayoría de los casos, son los sitios web con una página de inicio estática fija, en lugar de una configuración de blog tradicional, los que se adaptan mejor a los fondos de video de pantalla completa.

Puede ser tentador sumergirse y comenzar a usar esta función en su sitio web solo porque puede hacerlo. Sin embargo, en la mayoría de los casos, es mejor practicar cierta moderación y considerar realmente si es realmente la mejor opción para el diseño actual de su sitio web, el contenido que está publicando o su público objetivo.

Sin embargo, si cree que los fondos de video se ajustan bien a su proyecto, echemos un vistazo a dónde puede encontrar material de archivo de buena calidad para su sitio web, antes de pasar a cómo agregarlos a su sitio web.

Dónde encontrar videos para los fondos de su sitio web

Grabar o crear su propio video, para usarlo como fondo en su sitio web, es una gran opción. Sin embargo, no todos tienen las habilidades, el equipo o el tema a mano para producir el tipo correcto de contenido para su sitio web.

Afortunadamente, ahora hay muchos recursos en línea que ofrecen material de archivo de alta calidad y libre de regalías, todo a una variedad de precios. Si bien su presupuesto determinará en gran medida la calidad y la amplitud del contenido disponible para usted, es posible encontrar videos de alta resolución que funcionen bien como video de fondo, sin arruinarse.

Aquí hay algunos lugares donde puede buscar contenido para sus videos de fondo:

Videos gratuitos alojados en YouTube y Vimeo

Hay innumerables videos alojados en YouTube y Vimeo, que cubren todos los temas imaginables. La mayoría de los métodos para mostrar fondos de video en su sitio web de WordPress le dan la opción de usar una de esas grabaciones como material de origen.

Si bien debería poder encontrar cualquier tipo de video en cualquiera de esos dos grandes sitios de alojamiento, existen algunos inconvenientes al usar este contenido en su sitio web. Una es que el video al que hace referencia puede algún día dejar de estar disponible. Esto podría deberse a que el propietario lo eliminó, el proveedor de servicios lo eliminó o muchas otras razones.

Otro aspecto negativo de usar un video alojado en sitios como Vimeo o YouTube es que puede terminar mostrando anuncios en su sitio web sin darse cuenta. Si bien algunas opciones para agregar fondos de video a su sitio web pueden superar esto ahora, es posible que este no sea el caso para siempre. Además, como YouTube muestra enlaces a videos relacionados al final de cada elemento, estos también podrían aparecer en su sitio web.

Además, con estos sitios de alojamiento de videos gratuitos, a menudo no tiene control sobre la calidad de la reproducción del video. Como la calidad puede caer a niveles bastante bajos, puede tener un impacto real en la impresión que los fondos de sus videos causan en sus visitantes.

Sin embargo, vale la pena mencionar que el  servicio Vimeo Pro  es una buena alternativa para alojar los videos usted mismo, y es algo que veremos con más detalle en la siguiente sección.

Bibliotecas de videos de archivo

Aunque ahora hay muchos lugares donde puede obtener imágenes de uso gratuito y libres de regalías para su sitio web , no se puede decir lo mismo del video. Sin embargo, están surgiendo algunos lugares donde puede encontrar material de archivo de video libre de regalías para usar en su sitio web:

• Videvo : más de 2.000 material de archivo HD y gráficos en movimiento completamente gratis para cualquier proyecto.
• Video Hive : colección muy asequible de más de 163,000 videos libres de derechos de autor que se pueden encontrar en este mercado de Envato.
• Bloques de video : gran colección de videos libres de regalías que son ideales para fondos de video, distribuidos en muchas categorías, con precios desde $ 49 y planes de precios anuales disponibles.
• Shutterstock : colección masiva de videos de stock libres de regalías para adaptarse a una variedad de presupuestos.
• iStock : más videos de stock premium y de alta calidad, que cubren una variedad de categorías.
• Pond5 : videos libres de regalías desde $1, con un clip gratis de la semana.
• Movie Tools : colección de bucles de vídeo de uso gratuito de calidad variable.
• Stock Footage gratis : más clips de vídeo de uso gratuito

Como puede ver, si bien es posible que no pueda encontrar videos de uso gratuito de la misma calidad, como ahora con las imágenes, hay mucho contenido disponible. Con archivos de video muy asequibles disponibles en sitios como Video Hive y Pond5 , la mayoría de los proyectos deberían poder justificar el costo de incluir al menos un fondo de video.

Cómo subir archivos de video a su sitio web de WordPress

Si planea usar un archivo de video que descargó o creó usted mismo, en lugar de uno que otra persona haya subido a un sitio para compartir videos como YouTube, entonces deberá alojarlo en algún lugar para que sus visitantes puedan acceder a él.

Si bien puede tener la tentación de cargar el archivo directamente en su biblioteca multimedia de WordPress y almacenarlo en su servidor de alojamiento web, a menudo esta no es la mejor solución. Como el tipo de videos que normalmente usaría como fondo del sitio web suelen tener un tamaño de archivo grande, esto puede tener un impacto en el rendimiento de su sitio.

Según el tipo de alojamiento web que esté utilizando, cargar estos archivos grandes podría hacer que corra el riesgo de que suspendan su cuenta o incurra en cargos adicionales debido al ancho de banda adicional que se consume cada vez que se carga el video.

Por estas razones, se recomienda que busque un servicio externo para alojar su contenido de video. Una opción es usar un servicio como Vimeo Pro. Sin embargo, Vimeo Pro no es la opción más económica y otros servicios como Rackspace podrían ser una mejor opción para la mayoría de los usuarios. Estos servicios le brindan un lugar para cargar sus videos, antes de insertarlos en su sitio web.

Otros beneficios de usar un servicio de alojamiento de videos premium es que su contenido puede protegerse para evitar que se descargue sin su consentimiento.

Si va a cargar videos en su sitio web de WordPress, entonces se encontrará con un límite de carga si los archivos superan un cierto tamaño. Afortunadamente, es posible aumentar este límite (aunque su servidor web puede tener sus propios límites establecidos) y puede encontrar las instrucciones sobre cómo hacerlo aquí . El complemento gratuito de aumento de carga máxima de archivos también le brinda una manera rápida y fácil de aumentar el límite de tamaño de archivo de su sitio web de WordPress.

Ahora que sabe dónde encontrar videos adecuados y cómo hacer que estén disponibles para su uso en su sitio web, echemos un vistazo a cómo puede configurarlos como fondo para su contenido.

Cómo agregar fondos de video a su sitio web con Divi

Divi le ofrece dos formas fáciles de agregar fondos de video a su sitio web de WordPress. Una opción es configurar el fondo de una sección de la página para mostrar un video. Mientras que el otro es crear una presentación de diapositivas que contenga diapositivas que tengan fondos de video.

Como Divi le permite crear secciones de ancho completo para sus diseños de página personalizados, puede usar esta función para agregar fácilmente fondos de video de ancho completo a esas secciones. También puede agregar controles deslizantes de video de ancho completo a su sitio web.

En esta parte de esta guía, ahora veremos cómo puede usar estas dos opciones principales para agregar fondos de video a su sitio web.

Crear una presentación de diapositivas con fondos de video

Como parte de su generador de páginas, el tema Divi incluye dos herramientas deslizantes fáciles de usar:

• Un control deslizante normal para crear presentaciones de diapositivas de medios mixtos que pueden contener texto, imágenes y videos
• Un control deslizante de video para crear presentaciones de diapositivas de video

Ambas herramientas facilitan la adición de controles deslizantes a sus diseños de página personalizados. Sin embargo, si desea que su presentación de diapositivas contenga enlaces a otras páginas de su sitio web o a sitios externos, la mejor opción es utilizar la herramienta de control deslizante normal.

Esto se debe a que, a diferencia del control deslizante de video, le brinda la capacidad de agregar texto, botones y otro contenido a sus diapositivas, incluso aquellas diapositivas que tienen fondos de video.

Por otro lado, si desea mostrar una colección de videos en formato de presentación de diapositivas, entonces el control deslizante de video es una mejor opción.

Al crear una nueva sección para el diseño de su página, dos de las opciones disponibles son agregar una sección normal y agregar una de ancho completo. Si elige agregar una sección de ancho completo, tiene la opción de agregarle un control deslizante de ancho completo.

La herramienta deslizante Divi facilita agregar diapositivas a su presentación de diapositivas, y una vez que haya creado una nueva diapositiva, puede agregarle un video. Hay una serie de opciones para agregar videos a sus diapositivas, que incluyen:

• Introduce la URL de un vídeo alojado en YouTube o Vimeo
• Cargue un archivo de video o seleccione un elemento existente de su biblioteca de medios de WordPress
• Ingrese la URL de un archivo de video que está alojado en otro lugar

Como se mencionó anteriormente, usar un video alojado en YouTube o Vimeo tiene sus inconvenientes. Esto incluye la posibilidad de que el video no esté disponible en algún momento en el futuro. Por lo tanto, es bueno ver que también tiene la opción de agregar rápidamente un video autohospedado a la diapositiva.

El control deslizante Divi es compatible con los formatos de archivo de video WebM y MP4, lo que le brinda dos buenas alternativas para usar un video autohospedado como su sección o fondo de diapositiva. Sin embargo, se recomienda que cargue su video en ambos formatos, ya que esto garantizará la máxima compatibilidad con una variedad de dispositivos diferentes, como teléfonos inteligentes, tabletas y computadoras de escritorio normales.

Después de cargar un archivo de video en estos formatos en su sitio web de WordPress, una red de entrega de contenido o en otro lugar, puede crear una nueva diapositiva para su control deslizante. Después de hacerlo, puede hacer clic en el botón cargar un video para seleccionar el archivo de la biblioteca de WordPress Media. Si está alojando el video en otro lugar, simplemente puede ingresar la URL del archivo de video.

Si desea agregar cualquier otro contenido a la diapositiva con el fondo del video, como texto o imágenes, puede hacerlo desde la misma página de configuración.

Ahora tendrá al menos una diapositiva en su presentación de diapositivas que presenta un fondo de video.

Agregar una sección de fondo de video a una página

Además de crear un control deslizante con contenido de video, también puede configurar el fondo de una sección de su página para mostrar un video.

Después de crear una nueva página o abrir una existente para editarla e iniciar Divi Page Builder, puede hacer clic en el icono de configuración de la sección.

Al hacerlo, se muestra el panel de configuración del módulo de sección. Además de tener la opción de configurar un color de fondo y cargar una imagen de fondo para la sección, también tiene la posibilidad de configurar un video de fondo.

Las opciones para hacerlo incluyen cargar o especificar la URL de un archivo de video WebM o MP4. También puede establecer el ancho y la altura del video de fondo. Una vez que haya especificado un video, su sección ahora tendrá un fondo de video para esta parte de su diseño de página personalizado.

Como la información anterior cubre cómo establecer un fondo para una sección, también puede agregar más contenido a la sección. Este contenido adicional luego se superpondrá al video de fondo. Esto se hace agregando uno o más módulos al diseño basado en columnas y filas para construir aún más su página y su contenido.

Una vez que haya creado su diseño de página personalizado, completo con módulos adicionales y contenido personalizado, ahora debería tener una página con un fondo animado.

La herramienta de creación de páginas Divi le brinda la posibilidad de agregar varias secciones a una página. Esto significa que tiene la opción de crear una página con múltiples fondos de video, que se muestran uno tras otro, con desplazamiento de paralaje opcional.

Complementos para otros temas de WordPress

Si no está utilizando Divi u otro tema de WordPress que facilite la configuración de fondos de video para sus páginas, hay algunos complementos disponibles que pueden ayudar.

mb.YTPlayer para videos de fondo

Si desea utilizar un video de YouTube como fondo en su sitio web, entonces el complemento gratuito mb.YTPlayer para videos de fondo podría ser justo lo que está buscando.

El complemento le brinda la opción de configurar un video de YouTube como imagen de fondo de su página de inicio y la página de archivo del blog, así como en publicaciones y páginas individuales.

Si desea mostrar un video de YouTube como fondo en la página de inicio de su sitio web, puede ingresar la URL del video en la página de configuración del complemento. La configuración de un fondo de video en publicaciones y páginas individuales se lleva a cabo en las pantallas de edición de esos elementos.

Al agregar una URL de YouTube, puede ingresar la dirección de varios videos y el complemento elegirá de la lista al azar, cada vez que se cargue la página. A través de la configuración, también puede establecer una opacidad para el video, ingresar los puntos en los que el video debe comenzar y detenerse, y establecer el nivel de volumen.

También puede configurar la reproducción de video para que se repita continuamente, así como controlar la visibilidad de los controles de reproducción de video.

Al probar el complemento, hizo un gran trabajo al mostrar un fondo de video de pantalla completa, usando un video de YouTube. El único inconveniente es que no puede configurar un video de fondo globalmente, que se usará en cada publicación y página de su sitio. Por lo tanto, deberá configurar manualmente el video de fondo para cada contenido que publique, a fin de crear una apariencia uniforme en todo su sitio web.

Si está feliz de usar un video alojado en YouTube y no le importan las limitaciones de este complemento gratuito, entonces mb.YTPlayer para videos de fondo hace un buen trabajo al permitirle configurar rápidamente fondos de video para su sitio web de WordPress.

Fondo de video fácil WP

Si desea configurar el fondo de su sitio web para mostrar un video de otro lugar que no sea YouTube, entonces actualizar al complemento WP premium Easy Video Background es una opción abierta para usted.

Por solo $14, se abre todo un mundo de posibilidades cuando se trata de agregar fondos de video a su contenido de WordPress. Las características de este complemento le permiten configurar un video de fondo para todo el sitio o agregar los fondos de video página por página. También puede aplicar los fondos de video a contenedores específicos en su sitio, como el área de publicación.

Con el complemento Easy Video Background WP, ​​también es posible configurar los videos para que se muestren como fondos fijos, o darles la capacidad de desplazarse con el resto de su contenido a medida que el visitante se mueve hacia abajo en la página. Otras opciones le permiten establecer una proporción de recorte para sus videos, reproducirlos en un bucle, habilitar el inicio automático, silenciar cualquier audio y establecer una imagen alternativa para dispositivos móviles.

El complemento Easy Video Background WP admite una buena cantidad de tipos de archivos, incluidos MP4, WebM, OCG y FLV, así como videos alojados en YouTube y Vimeo. También tiene la opción de configurar una superposición de imágenes para los videos, con un nivel de opacidad personalizado.

Desafortunadamente, el fondo del video no se mostró en el área de la barra lateral del tema con el que estaba probando este complemento. Sin embargo, al comprar este complemento premium, obtiene acceso al sistema de tickets de soporte para informar cualquier problema que pueda experimentar.

Conclusión

Ahora sabe por qué, dónde y cómo agregar fondos de video a su sitio web de WordPress. Dado que las velocidades de conexión a Internet son cada vez más rápidas y la mayoría de los sitios web aún no adoptan videos de fondo de pantalla completa, ahora es un buen momento para pensar en usar esta función para ayudar a que su sitio web o blog se destaque entre la multitud.

Muchas de las soluciones que acabamos de ver para agregar fondos de video a su sitio web de WordPress son totalmente compatibles con dispositivos móviles y tienen la capacidad de no mostrar el video en su teléfono inteligente y tableta usando visitantes.

Si bien los fondos de video no funcionarán para todos los sitios web, para algunos pueden ser una excelente manera no solo de tener un fuerte impacto en sus visitantes, sino también de transmitir su mensaje de una manera que el texto y las imágenes por sí solos a menudo no pueden.

¿Qué piensas de los videos de fondo: una forma creativa de decorar un sitio web o un acaparador de ancho de banda inapropiado? ¿Cómo piensa utilizar esta característica en su sitio web? Por favor, comparta sus pensamientos en los comentarios a continuación.

Imagen en miniatura del artículo de Tarchyshnik Andrei / shutterstock.com