Cómo agregar un fondo de video a su sitio web de WordPress en 4 pasos simples

Imagine ir a un sitio web con una gran imagen de “héroe” en el encabezado. Se ve genial, ¿verdad? Las imágenes grandes pueden hacer que su sitio se vea increíble, pero no hacer nada para atraer la atención del visitante, además de sentarse allí y verse bien. ¿Quieres capturar realmente su atención y aferrarte a ella? Un fondo de video debería hacerlo. Una de las tendencias más populares en el diseño web son los videos que se reproducen en segundo plano. Los navegadores pueden reproducir videos de fondo utilizando la etiqueta HTML5 o el formato H.264. Pueden ejecutarse de forma independiente y automática. Puede manipularlos y controlar lo mismo que cualquier otro elemento de la página. Los fondos de video pueden hacer que su sitio se vea elegante y se destaque entre la multitud.
Agregar un video de video a su sitio web de WordPress no debería ser desalentador. Aquí hay un vistazo a lo simple que puede ser. Usando estos cuatro pasos simples, cualquiera puede agregar rápidamente fondos de video a su sitio web de WordPress. Paso 1: Elija la fuente de videos que pueda usar sus propios videos y formatearlos y alojarlos usted mismo, extraerlos de fuentes como YouTube y Vimeo o usar videos de stock. La mayoría de los reproductores de video integrados utilizarán cualquiera de los métodos. Aquí hay algunos buenos lugares para obtener videos de stock:
Disolver

Disolver tiene más de 600,000 videos de acciones en 24 categorías diferentes que puede usar en su sitio web. Estos incluyen videoclips premium y gratuitos. Incluso lo ayudarán a encontrar lo que está buscando de acuerdo con la lista de fotos, guiones o concepto. Los precios comienzan en $ 50 por clip.
¿Interesado en la disolución?
Detalles
Istock

Istock de Getty Images incluye videos de alta definición y stock en 21 categorías. No tienen derechos de autor y puedes comprarlos individualmente o como parte de una suscripción. Los precios comienzan en $ 60. ¿Estás interesado en Istock? Detalles
Shutterstock
Shutterstock tiene casi 3 millones en videos de acciones sin derechos de autor en 28 categorías. Puede comprarlos individualmente o con un paquete. Los precios comienzan en $ 19. ¿Estás interesado en Shutterstock?

Detalles
Paso 2: Convierta sus videos al tamaño y formato correctos
Al considerar el tamaño del archivo, tenga en cuenta que todavía hay muchas personas con conexiones más lentas, especialmente aquellas en áreas rurales. Debe determinar su público objetivo y establecer el tamaño del archivo para esa audiencia. Codifique el video a una velocidad de bits más baja que la velocidad de conexión del público objetivo. Puede reducir el tamaño del archivo, ya sea reduciendo la velocidad de bits o la duración del video. Sus videos deben verse geniales y renderizar sin problemas. Es mejor tener videos hermosos que sean cortos que los grandes videos que no se subirán.

Paso 3: Elija su reproductor de video
Hay más opciones para reproducir videos. Puede codificar el video en su sitio manual o usar un complemento. Desea que un jugador responda y le brinde funciones para que pueda configurar la mejor reproducción de trabajo para su público. Modelo como cualquier elemento y pruebe para navegadores y muestre una imagen alternativa para los navegadores que no aceptan reproducción de video (como IE y Opera ). Aquí hay un vistazo al código en las nuevas campañas de medios. Primero cree un contenedor para que se utilice JavaScript:

GIST anónimo/0B4CA1EF6A5C799E5CF5 está cargado
Esto incluye dos imágenes: 1 como sustituto en el primer cuadro en el video y la imagen alternativa. Escrituras Este código prueba para el navegador:
Anónimo/C809F8CC5C09EAE012D7 está cargado
Si se cumplen los requisitos de video, se llamará al video. Si no, se llamará a la imagen alternativa. También prueba la resolución de la ventana y si el dispositivo es o no un iPad. Puede probar cualquier parámetro que desee. CSS Puede atacar la marca con CSS. Se utiliza para establecer el tamaño del contenedor en lugar de permitirles escalar desde la etiqueta o . De esta manera, la página se dibuja antes de que se cargue el artículo. Esto también establecerá la escala de altura con el ancho y mantendrá la relación de apariencia.
Anónimo/E369852F92D4E109941 está cargado
Complementos Otra opción es el uso de un complemento. Aquí hay un vistazo rápido a algunos complementos que harán el trabajo.
Imagen y video Plugin de WordPress de fondo de pantalla completa
Este complemento premium ofrece un fondo de imagen, fondo de video, galería multimedia y una galería de video y los mostrará en una pantalla completa. Es compatible con dispositivos móviles (sin reproducción automática). Viene con dos piel y dos estilos, tiene texto animado, dos transiciones, permite enlaces en cada diapositiva y le permite colocar una textura sobre las imágenes. Tocará videos de YouTube y Vimeo. Tiene más de 40 parámetros que puede ajustar. El punto destacado habitual es $ 17 para su uso o un cliente, en un solo producto final para el cual los usuarios finales no se cobran. La licencia extendida es de $ 85 para su uso por usted o un cliente, en un solo producto final para el que se puede cobrar usuarios finales. ¿Está interesado en el complemento de WordPress para el fondo para imágenes y videos?

Detalles

Player de video y videos de pantalla completa BGD. – Plugin WP
Este complemento premium reproducirá videos autoguiados, así como Vimeo y YouTube. Los mostrará en ancho completo, ancho fijo y pantalla completa. Puede colocar una textura sobre el video. Es compatible con móvil (con representación automática deshabilitada). Tiene más de 30 parámetros que puede ajustar y es muy fácil.
La licencia habitual es de $ 16 para su uso de usted o un cliente, en un solo producto final para el cual no se cobran a los usuarios finales. La licencia extendida es de $ 80 para su uso por parte de usted o un cliente, en un solo producto final para el que se puede cobrar usuarios finales. Interesado en el reproductor de video y el video de pantalla completa BGD. – Plugin WP?
Detalles

mb.ytplayer para videos de fondo
Utilizará cualquier video en YouTube como un video en el fondo de la página de inicio de su sitio web o cualquier página o publicación. Use la API de YouTube iframe y muestre el video usando la etiqueta de video HTML5. Es fácil de usar. Déle la URL de video, elija el tipo de página para mostrar el video, establecer la opacidad, la calidad, eliminar los anuncios (si es propietario del video), diga exactamente en qué lugar en el video debe iniciar y detener, establecer audio, elegir Encuentra el video, etc. Se coloca en páginas y publicaciones utilizando un código corto y le permite agregar una imagen alternativa para dispositivos móviles. ¿Estás interesado en MB.ytPlayer para videos de fondo?
Detalles
Paso 4: Configura tu video

Configurar un fondo de video es realmente bastante fácil. Ahora que tiene los videos establecidos en el tipo y tamaño apropiados del archivo y el reproductor de video configurado, es hora de cargar el video y enderezar el reproductor. Si dirige un complemento a una URL para reproducir un video, entonces los ajustes y la configuración serán similares. Tendrá que tomar algunas decisiones sobre cómo y dónde funciona el video. Tus opciones son:
Reproducción automática. Esta es la configuración más común. El video debe comenzar a reproducirse automáticamente después de que se cargue todo lo demás.
Círculo. ¿El video se transmitirá y se presentará continuamente? Si es así, mire el video y elija especialmente el mejor lugar para que el video comience y se detenga. Debería verse natural. El proceso de bucle no debe llamar la atención sobre sí mismo.
Audio. No te recomiendo que tengas sonido para reproducir automáticamente. Permita que los usuarios activen el sonido si lo quieren. El sonido ocupa un ancho de cinta adicional y requiere una tarea más pesada para el navegador del visitante. También es mejor no asumir que quieren escuchar. Si el navegador no es compatible, entonces debe verse una imagen alternativa. Esto evita que su sitio se vea roto.

La finalización de los fondos de video puede hacer que su sitio se destaque y captar la atención de sus lectores, no es difícil agregar esta función a su sitio de WordPress. Con el video correcto y el reproductor correcto, su sitio puede pasar de excelente a sorprendente.
¿Usas un fondo de video? ¿Has probado uno de los complementos de los que hablamos aquí? ¿Tienes uno para agregar? ¡Me encantaría escuchar todo sobre esto a continuación!
Etiquetas:
Medios de comunicación
tutorial
Fondos de video
Proyectos de WordPress de los fines de semana
WordPress