Cómo insertar un clip de video de YouTube como calificaciones de pantalla completa en WordPress

Publicado: 2023-06-10


¿Está buscando una forma de incluir videoclips de YouTube como fondos de pantalla completa en WordPress?

Cuando se utilizan meticulosamente, las películas históricas pueden captar inmediatamente la atención de un visitante y mantenerlo en su sitio. Esto los convertirá en una excelente opción para las páginas web de destino y las páginas web de ingresos.

En esta publicación, le mostraremos cómo insertar un video de YouTube como fondo de pantalla completa en su sitio web de WordPress.

How to add YouTube video as fullscreen background in WordPress

¿Por qué usar un video de YouTube como registro de seguimiento a pantalla completa?

Cuando los visitantes aterrizan inicialmente en su sitio web de WordPress, solo tiene un par de segundos para captar su interés y hacer que se queden.

Un historial de video atractivo y llamativo es una excelente manera de mantener el tráfico en su sitio web. Además, hay muchos temas exclusivos de WordPress que admiten fondos de películas.

Sin embargo, cargar y alojar en Internet un video en línea en WordPress puede requerir mucho ancho de banda. Dependiendo de su configuración de alojamiento web de WordPress, es posible que incluso tenga que comprar almacenamiento adicional.

Solo una solución es incorporar una película de YouTube como fondo de pantalla completa. De esta forma, podrá diferenciarse de sus competidores sin ralentizar su sitio web ni disponer de más espacio de almacenamiento.

Dicho esto, veamos cómo puede agregar una película de YouTube como un historial de pantalla completa en su sitio web de WordPress.

Cómo incluir videos en línea de YouTube como historial de pantalla completa en WordPress

La forma más sencilla de incluir una película de YouTube como un historial de pantalla completa es mediante el uso de fondos avanzados de WordPress. Este complemento agrega un nuevo bloque de registro de seguimiento que le permitirá desarrollar un historial de pantalla completa utilizando cualquier color, imagen o película, que incluye videos de YouTube.

An example of a YouTube video background in WordPress

Inicialmente, deberá instalar y activar el complemento. Si desea ayuda, debe consultar nuestro manual sobre cómo configurar un complemento de WordPress.

Tras la activación, simplemente diríjase a la página o publique donde desea aumentar un video de YouTube como calificación de pantalla completa. Luego puede ir por adelantado y simplemente hacer clic en el botón '+'.

En la ventana emergente que aparece, comience a escribir 'Background AWB'. Cuando aparezca el bloque correspondiente, haga clic en él para aumentarlo al sitio web.

How to add a fullscreen video to a WordPress blog post or page

En el menú de la izquierda, verá tres pestañas para las diversas formas de fondos de pantalla completa que puede producir: sombra, impresión y video en línea.

Teniendo en cuenta que desea insertar un video de YouTube, haga clic en la pestaña 'Video'.

Este complemento le permite usar un video autohospedado como calificación. Sin embargo, los videoclips ocupan una gran cantidad de almacenamiento y ancho de banda, por lo que nunca deberías subir un video a WordPress.

Con lo restante informado, seleccione la pestaña 'YouTube / Video'.

How to add a YouTube video as a fullscreen background in WordPress

Ahora, querrá la URL de la película de YouTube que desea usar en su sitio de blog de WordPress.

En una nueva pestaña, solo diríjase al videoclip y copie el hipervínculo en la barra de direcciones.

Getting the URL for a YouTube video

Una vez hecho esto, vuelva a cambiar a su panel de control de WordPress y pegue la URL en la pestaña 'URL de video'.

Ahora, el editor de bloques de WordPress mostrará una vista previa de cómo aparecerá este historial. Los fondos sofisticados de WordPress modifican el tamaño del video en función del contenido escrito que agrega encima, así que no se preocupe si el video ahora parece un poco más pequeño.

How to customize a YouTube background video in WordPress

Justo antes de comenzar a introducir contenido escrito, es una gran estrategia configurar los ajustes del fondo.

De manera predeterminada, el fondo del videoclip está deshabilitado en equipos celulares. Los teléfonos inteligentes y las tabletas generalmente tienen pantallas más pequeñas y mucha menos energía de procesamiento en comparación con las computadoras personales de escritorio. Con eso en mente, es una buena idea dejar las calificaciones de video deshabilitadas en el dispositivo móvil.

Aun así, si desea mostrar el historial del videoclip en dispositivos móviles, haga clic para activar la opción 'Habilitar en dispositivos móviles'.

Showing a YouTube background on mobile devices

Fuera de la caja, el bloque reproducirá el videoclip completo de YouTube en un bucle.

Una opción más es participar en una parte distinta de la película escribiendo las horas correctas en los contenedores 'Hora de inicio' y 'Hora de finalización'.

How to add a YouTube background video to a website

También puede hacer que el video deje de reproducirse en bucle desactivando el interruptor 'Bucle'.

De forma predeterminada, la película solo se reproducirá cuando el visitante pueda verla en su navegador. Esto permite aumentar la velocidad y la eficiencia de su WordPress, por lo que normalmente querrá dejar la opción 'Reproducir siempre' deshabilitada.

Cuando incorpora inicialmente el video, se muestra con una opacidad del 100%, por lo que parece estar bien.

Según el diseño de su sitio, es posible que desee experimentar con un fondo de video semitransparente arrastrando el control deslizante "Opacidad de la imagen". Esta puede ser una forma de producir una historia de películas de YouTube más delicada.

Changing the opacity settings for a YouTube video

Si experimenta con la opacidad, es posible que también desee agregar una superposición de color.

Simplemente haga clic en para hacer crecer la porción de 'Color de superposición' y luego use las configuraciones para producir superposiciones de diferentes colores.

Adding an overlay to a video background

El complemento de fondos de WordPress de última generación admite una serie de resultados de paralaje distintos. Esta es una estrategia de diseño web actual en la que el aspecto de la historia se desplaza más lentamente que el contenido escrito en primer plano, lo que a menudo proporciona profundidad al estilo y diseño de la página del sitio web.

Para considerar los distintos efectos del paralaje, simplemente haga clic para ampliar la sección 'Paralaje' y luego elija una alternativa del menú desplegable.

Adding parallax effects to a WordPress website

Inmediatamente después de elegir un modo de paralaje, obtendrá acceso a algunas opciones adicionales donde puede cambiar la velocidad. También puede habilitar y deshabilitar el efecto de paralaje en las unidades celulares.

Del mismo modo, puede experimentar con varios resultados de paralaje del mouse, que hacen que el fondo se desplace más lenta pero seguramente cuando el usuario mueve el mouse.

Para elegir un vistazo a estas configuraciones, haga clic en para expandir la sección 'Mouse Parallax'.

Adding mouse parallax effects to a background video

Cuando esté satisfecho con la configuración de las calificaciones de video en línea de YouTube, es hora de comenzar a incluir contenido escrito como contenido textual, enlaces e ilustraciones o fotos.

Para comenzar, haga clic en el ícono '+' en el medio del bloque Calificaciones (AWB).

Adding blocks to a YouTube background video

Esto abre una ventana emergente donde puede elegir el bloque que desea insertar. El complemento de fondos de WordPress de última generación funciona con todos los bloques convencionales de WordPress, por lo que puede incluir los artículos que desee.

Justo después de configurar el primer bloque, básicamente simplemente haga clic en el botón '+' nuevamente y luego incluya el próximo bloque que desea usar.

Adding a RafflePress giveaway block to a video background

Simplemente siga repitiendo este método para desarrollar el diseño de la página del sitio web o la publicación.

Cuando esté satisfecho con su aspecto, simplemente haga clic en el botón 'Actualizar' o 'Publicar' para que la página web cobre vida. Ahora, si echa un vistazo a su sitio de WordPress, verá las calificaciones de la película en movimiento.

An example of a YouTube video background in WordPress

Bonificación: Cómo insertar un feed de video de YouTube en WordPress

Un historial de clips de video puede llamar la atención de los visitantes cuando también comercializa su canal de YouTube. Sin embargo, si definitivamente desea obtener más personas y suscriptores en YouTube, es posible que desee agregar más películas a su sitio web.

Ahí es donde entrará Smash Balloon.

Smash Balloon YouTube Feed Professional es el complemento de galería de YouTube más grande del mercado. Muestra instantáneamente todos los videoclips más nuevos de su canal de YouTube, por lo que la gente generalmente ve el material más nuevo.

Embedding a YouTube playlist using Smash Balloon

Solo genere un feed de YouTube usando el editor sin esfuerzo de Smash Balloon, y luego insértelo en cualquier página o publicación empleando posiblemente un código abreviado o el bloque completamente diseñado del complemento.

También puede usar Smash Balloon para incrustar listas de reproducción, favoritos y transmisiones en vivo de YouTube en su sitio web de WordPress.

Creating a YouTube feed using the Smash Balloon social media plugin

Lo mejor de Smash Balloon es que no ralentiza tu sitio. La función de almacenamiento en caché de YouTube incorporada del complemento se asegurará absolutamente de que su sitio se cargue constantemente rápido, lo cual es bueno para la optimización del motor de búsqueda.

Esperamos que esta publicación lo haya ayudado a aprender cómo aumentar un videoclip de YouTube como historial en WordPress. También puede probar nuestra guía sobre cómo crear una página web de destino con WordPress y nuestras selecciones expertas para los mejores complementos de la galería de películas de YouTube.

Si te gustó este artículo, asegúrate de suscribirte a nuestro canal de YouTube para videos tutoriales en línea de WordPress. También nos puedes ubicar en Twitter y Fb.