Si la página de inicio de una empresa no incluye un breve vídeo explicativo, se considera obsoleta y sosa. Es muy raro en estos días encontrar un sitio web que no tenga un video corto. La inclusión de videos cortos requiere la necesidad de este artículo porque este artículo analiza cómo administrar videos en Elementor. En este artículo, hemos ampliado el widget de video y las opciones de fondo de video.
- Soporte de video autohospedado y Dailymotion
- Beneficios de los videos autohospedados:
- Hora de inicio y finalización para el widget de video y el fondo
- Marca modesta
- Agregar un fondo de video a Elementor
- Edición móvil mejorada
- Cambiar los puntos de interrupción de dispositivos móviles y tabletas
- Integración WP CLI
- Inclusión de Gutenberg
- Video fijo de EAU
- ¿Cómo hacer un video pegajoso?
- Tamaño de vídeo
- Alineación pegajosa
- Espaciado de video
- Tamaño y estilo de fondo
- Barra de información
- Administrar videos fijos en dispositivos receptivos
- Arrastra a cualquier lugar de la pantalla
- Botón Cerrar
- Conclusión
Soporte de video autohospedado y Dailymotion
En Elementor, puede incrustar no solo videos de YouTube y Vimeo, sino que ahora también puede incluir videos HTML5 y Dailymotion autohospedados.
Beneficios de los videos autohospedados:
- Privacidad y control: con el RGPD y otros problemas relacionados con la privacidad, esto se ha vuelto aún más importante para tener videos autohospedados. Puede tener control sobre el contenido de estos videos.
- Propiedad: tener videos autohospedados lo ayuda a no depender del contenido que hacen otros. Con su video, está 100% seguro de que no habrá problemas de derechos de autor. Además, no hay riesgo de que se elimine el video.
- Personalización: con el alojamiento propio, su video no incluirá logotipos ni enlaces externos. Esto te ayudará a incluir contenido de calidad, que parece más profesional. Sus videos pueden ser muy útiles para atraer a los visitantes de su sitio.
- UX: los videos autohospedados garantizarán que a sus visitantes no se les muestren anuncios ni videos sugeridos. No serán distraídos ni redirigidos a sus competidores (a través de videos sugeridos / recomendados).
Hora de inicio y finalización para el widget de video y el fondo
Puede establecer un punto de inicio y finalización para el widget de video en las plataformas compatibles. También puede elegir el fondo del video para que solo se reproduzca la parte seleccionada del video. Con la ayuda de esta función, puede reproducir la parte relevante del video con mucha facilidad. Puede mostrar el contenido seleccionado a sus visitantes en un bucle.
Marca modesta
Digamos, si ha incrustado un video de YouTube, pero desea ocultar el logotipo de YouTube, puede seleccionar 'Marca modesta' para ocultar el logotipo del video de YouTube incrustado.
Agregar un fondo de video a Elementor
En esta sección, lo guiaremos sobre cómo agregar un video a Elementor:
Presione el editor de Elementor y navegue hasta el panel. Desde aquí, busque 'video' y arrastre el widget de video.
- Elementor> panel> buscar 'video'> arrastrar 'widget de video'
- En Video> Fuente, elija 'YouTube', 'Dailymotion', 'Vimeo' o autohospedado.
- A continuación, agregue un enlace al video. Si el video es auto alojado, entonces puede cargarlo navegando por la biblioteca de medios o usando una URL externa.
- Si desea que se reproduzca una parte específica del video, puede elegir una hora de inicio y una hora de finalización.
- También puede agregar una miniatura de su elección agregando una imagen superpuesta.
Edición móvil mejorada
Cambiar los puntos de interrupción de dispositivos móviles y tabletas
Durante mucho tiempo, las personas han querido tener la libertad de tener valores límite para los videos en dispositivos móviles y tabletas. ¡¡Buenas noticias!! La solución está aquí.
Después de agregar el video, como se muestra en la sección anterior, puede cambiar los valores de los puntos de interrupción de tabletas y dispositivos móviles para Elementor. Con la ayuda de la función revolucionaria de puntos de interrupción, puede personalizar su sitio para ajustarlo en computadoras de pantalla ancha, portátiles, tabletas o pequeñas pantallas móviles.
Para cambiar los valores del punto de interrupción, navegue hasta:
Elementor Dashboard> Configuración> Estilo e ingrese los nuevos valores para 'Tablet Breakpoint' y 'Mobile Breakpoint'.
¡¡¡Y voilá!!!
Lo ha hecho en el último momento.
Integración WP CLI
La interfaz de línea de comandos para WordPress, WP-CLI, es un proyecto de código abierto que proporciona una interfaz de línea de comandos para una variedad de acciones que puede realizar en el administrador de WordPress. Los desarrolladores están bastante familiarizados con él.
Entonces, con un WP-CLI, puede realizar una larga lista de tareas desde un terminal aleatorio. De esta manera, no tendrá que iniciar sesión en la terminal de administración.
Elementor ahora viene con WP-CLI integrado. Y esta integración de WP-CLI le permite realizar las siguientes tareas a través de la línea de comando:
- flush_css - Vacíe la caché CSS de Elementor Page Builder
- sync-library - Biblioteca de elementos de sincronización
- Reemplazar URL: reemplace las URL antiguas con nuevas URL en todas las páginas de Elementor
- Activar o desactivar la licencia: activar o desactivar su licencia Pro
- import-library: importa archivos de plantilla a la biblioteca
Se seguirán agregando más comandos CLI para Elementor en el futuro.
Inclusión de Gutenberg
En los próximos meses, Gutenberg también se agregará al núcleo, lo que convierte a Elementor en un paquete completo.
Con el lanzamiento de Gutenberg, Elementor funcionará sin problemas para todos los usuarios de elementor.
Es fácil cambiar entre Gutenberg y Elementor con la versión 2.1 porque usará el botón siempre familiar 'Editar con Elementor' dentro de Gutenberg.
Video fijo de EAU
Imagínese si está desplazándose por una página y el contenido del video se desplaza hacia la izquierda o hacia la derecha, o simplemente permanece inamovible.
Debe ser una vista frustrante.
Pero ya no más. Debido a que la increíble característica de Sticky Video de los EAU hace que el video se adhiera a la página mientras se desplaza, esto significa que su video flotará a lo largo del lado izquierdo o derecho de la ventana del navegador. Con la función de video fijo, a medida que el visitante se desplaza para leer el contenido, el video junto con el contenido de texto permanecerán enfocados.
¿Cómo hacer un video pegajoso?
UAE ha hecho que esta funcionalidad sea elegante y simple. Para hacer que el video sea fijo, simplemente puede habilitar el Video fijo para alternar entre contenido (pestaña)> Configuración de Video fijo.
Hay varias opciones de alineación para el video en una función de video fijo. Navegue hasta la barra de acción y la configuración para controlar todos los aspectos del video adhesivo. Las características clave se dan a continuación:
- Tamaño de vídeo
- Una variedad de opciones de alineación para videos pegajosos en los bordes
- Administre el espacio y el estilo de los videos.
- Agrega un fondo para el video
- Muestra la descripción del video con la ayuda de la barra de información
- Soporte receptivo
- Arrastre el video adhesivo por la ventana en la interfaz
- Cerrar personalizaciones de botones
Tamaño de vídeo
Puede ajustar la altura y el ancho del video especificando el ancho del video en px. La pantalla de video se aplicará según la relación de aspecto establecida para el video. Puede controlar la relación de aspecto del video desde Contenido (pestaña)> Video.
Por ejemplo, si ha establecido una proporción de 16: 9, las dimensiones del video fijo se aplicarán según la proporción seleccionada.
Alineación pegajosa
Puede administrar la alineación, es decir, la posición del video adhesivo en los bordes de la ventana. El video se puede posicionar como:
- Parte superior derecha
- Arriba a la izquierda
- Abajo a la derecha
- Abajo a la izquierda
- Centro Derecha
- Centro izquierda
Espaciado de video
Puede cambiar el espaciado desde el borde para controlar el espaciado alrededor del video. El espaciado se aplicará de acuerdo con la alineación adhesiva seleccionada.
Por ejemplo, para la alineación Inferior izquierda, el espaciado se aplicará solo desde los bordes inferior e izquierdo del video.
Tamaño y estilo de fondo
La mejor parte del video fijo de EAU es que puede agregar el fondo de su elección al video. También puede seleccionar el tamaño y el color del fondo.
Barra de información
Hay una pequeña descripción sobre cada tipo de metadatos de video. Con la opción de video adhesivo de EAU , puede agregar texto informativo debajo del video adhesivo. Puede describir cada video fijo, que mostrará la información sobre el video que se está reproduciendo actualmente.
Con la barra de información, también puede controlar el color, el color de fondo, la tipografía y el relleno del video. El campo de texto admite contenido HTML. También puede aplicar el estilo personalizado al contenido de la barra de información.
Administrar videos fijos en dispositivos receptivos
Existe una opción para Ocultar el video fijo en dispositivos receptivos. Puede seleccionar diferentes dispositivos en los que desea ocultar el video adhesivo.
Arrastra a cualquier lugar de la pantalla
Puede arrastrar la pantalla de video a cualquier lugar usando esta función. Simplemente puede hacer clic en el video y arrastrarlo para colocarlo en cualquier lugar dentro de la ventana gráfica. El video fijo de EAU admite la funcionalidad de arrastrarlo a cualquier lugar, de forma predeterminada.
Nota : Los dispositivos móviles y el editor de backend de Elementor no admiten la función de arrastre.
Botón Cerrar
Puede habilitar / deshabilitar el botón de cierre para el video fijo. También hay controles disponibles para administrar el estilo del botón de cierre.
Conclusión
Con la ayuda de las funciones de video adhesivo de los EAU , puede diseñar y modificar sus videos adhesivos según sus preferencias. El plugin hace que todo el procedimiento sea bastante fácil. Es una solución muy elegante para enriquecer el contenido gráfico de su sitio. Siga creando increíbles videos fijos en su sitio web y atraiga a sus visitantes en su página web incluso cuando se desplazan por sus páginas.
