Utilizar videos es una manera excelente de involucrar a los visitantes del sitio y contarles la historia de la marca. Con el Editor de Wix Studio resulta fácil exhibir contenido, incrustar videos desde las redes sociales y agregar elementos de diseño impresionantes basados en videos.
En este artículo, obtén más información sobre lo siguiente:
Agregar un video
Elige el elemento de video adecuado para tus necesidades. Puedes agregar un reproductor de video individual o un VideoBox, que ofrece opciones de personalización más elaboradas. También puedes agregar videos con fondos transparentes, diseñados por Wix, para decorar el sitio.
Para agregar un nuevo video:
- Haz clic en Agregar elementos
a la izquierda del editor. - Haz clic en Multimedia.
- Selecciona un tipo de video en Video:
- Reproductores de video individuales: sube tu propio video o incrusta uno de una red social.
- VideoBox: muestra tus propios videos, videos gratuitos de Wix o videos profesionales de Shutterstock en cajas de video con diseños estupendos.
- Video transparente: agrega o sube tus propios videos con fondos transparentes.
- Arrastra un video a la ubicación deseada en la página.
Personalizar el reproductor de video individual
Personaliza el estilo, el diseño y el comportamiento del reproductor de video individual según tus necesidades específicas. Puedes elegir si el video comienza a reproducirse automáticamente o en bucle, decidir qué controles mostrar y diseñarlos también.
Para personalizar un reproductor de video individual:
- Selecciona el reproductor de video.
- Elige cómo personalizarlo:
Siempre puedes reemplazar el video por uno diferente, ya sea desde tu computadora o desde fuentes externas (por ejemplo, YouTube, Vimeo, Facebook, etc.)
- Haz clic en Cambiar video.
- Realiza una de las siguientes acciones para reemplazar el video actual:
- Selecciona Cambiar video para acceder a tus archivos en el Administrador de multimedia.
- Selecciona cualquiera de los iconos de redes sociales para compartir un video desde allí. Asegúrate de ingresar la URL del video en el campo Dirección web.
Decidir cómo se reproduce el video
- Haz clic en Cambiar video.
- Haz clic en la palanca Reproducción automática para elegir cómo comienza la reproducción del video:
- Activada: el video se reproduce automáticamente una vez que se carga el sitio.
- Desactivada: los visitantes deben hacer clic en el botón Reproducir para iniciar el video.
- Haz clic en la palanca Repetición continua:
- Activada: el video comienza a reproducirse una y otra vez cuando termina (en un bucle continuo).
- Desactivada: el video solo se reproduce una vez.
Nota: La opción de reproducir videos en bucle no está disponible para todas las fuentes externas (por ejemplo, Facebook, Dailymotion).
Ajustar el estilo del reproductor de video
Desde el panel Estilo, puedes elegir si deseas mostrar o no el título del video y sus controles, y ajustar el tamaño del botón de reproducción a tu gusto.
- Haz clic en el icono Estilo
. - Haz clic en la palanca Mostrar título del video:
- Activada: el título del video aparece en la parte superior del reproductor.
Consejo: Puedes dar formato y estilo a este título desde el panel Inspector profesional. - Desactivada: el título del video no es visible.
- Arrastra el control deslizante debajo de Tamaño del botón de reproducción para aumentar o disminuir el tamaño del botón.
- Selecciona una opción en Al reproducirse, los controles muestran:
- Al pasar el cursor: los controles de video (por ejemplo, el botón de reproducción o pausa) aparecen cuando los visitantes pasan el cursor sobre el reproductor.
- Nunca: no se muestran los controles de video.
Nota: Las opciones disponibles dependen del tipo de video que agregues al reproductor.
Diseñar el reproductor de video
Desde el panel Inspector profesional, ajusta el diseño del reproductor de video para que coincida con el estilo de tu sitio. Puedes cambiar el color de la superposición y su opacidad, agregar sombras, dar formato al título del video y mucho más.
- Haz clic en el icono Abrir Inspector profesional
en la parte superior derecha del editor.
- Desplázate hacia abajo hasta Diseño.
- Realiza cualquiera de las siguientes acciones para ajustar el diseño del reproductor de video:
- Color y opacidad del relleno: haz clic en el cuadro de color para elegir un color diferente para la superposición y arrastra el control deslizante para ajustar su opacidad.
- Borde: agrega un borde para que el reproductor de video se destaque.
- Sombreado: haz clic en Habilitar sombreado para agregar y diseñar una sombra que aparezca detrás del reproductor.
- Texto: elige un color para el título y el botón de reproducción, y formatea el título a tu gusto.
Personalizar un VideoBox
Al usar VideoBoxes para mostrar archivos multimedia, tienes mucha libertad creativa para integrarlos en el diseño. Configura el video para que se reproduzca exactamente como debe quieres, elige una forma interesante y diseña cada detalle, desde la imagen de portada hasta los bordes.
Para personalizar un VideoBox:
- Selecciona el VideoBox.
- Elige cómo personalizarlo:
Configurar los comportamientos del VideoBox
Configura el comportamiento del VideoBox personalizando los ajustes de reproducción, pausa y bucle, así como los comportamientos de sonido. Juega con las opciones para ver cuál crees que mejorará la participación y la interacción de los visitantes.
- Haz clic en el icono Comportamiento
. - Personaliza los diferentes comportamientos de reproducción y sonido:
- Elige si tu video comienza al hacer clic, al pasar el cursor o automáticamente.
- Decide si los visitantes pueden pausar el video.
- Haz que el video se repita continuamente o se reproduzca al hacer clic.
- Haz que el video se reproduzca en cámara lenta o con sonido.
Consejo: Estas opciones solo están disponibles para los videos que hayan sido grabados en cámara lenta o con sonido. Muchos videos ofrecidos por Wix incluyen cámara lenta o sonido.
Elige el punto focal del VideoBox para cada breakpoint. Esto significa que cuando cambia el tamaño del VideoBox para los diferentes tamaños de pantalla, la parte del video que deseas mostrar siempre es visible.
- Haz clic en el breakpoint correspondiente en la parte superior del editor.
- Haz clic en el icono Punto de foco
. - Selecciona el área del video que deseas que permanezca visible cuando cambia el tamaño de pantalla.
Ajustar el diseño del VideoBox
Aquí es donde realmente puedes personalizar tu VideoBox. Elige una imagen de portada, un borde y una sombra, y aplica una superposición de texturas para crear un efecto único. Puedes elegir entre muchas texturas para adaptar el VideoBox a tu estilo particular.
- Haz clic en el icono Abrir Inspector profesional en la parte superior derecha del editor.
- Desplázate hacia abajo hasta Diseño.
- Realiza cualquiera de las siguientes acciones para diseñar tu video:
- Imagen de portada: elige una imagen diferente como portada para tu video (lo que los visitantes ven antes de hacer clic en él).
- Superposición de texturas: haz clic en la palanca Aplicar superposición de texturas para agregar una textura interesante (animada o no) que haga que tu video sea aún más atractivo.
- Borde: aplica un borde alrededor del video, elige el color, la opacidad y el ancho.
- Sombreado: agrega una sombra, elige su tamaño, color, ángulo y distancia del video.
- Contorno: haz que los bordes del VideoBox sean más redondeados o más angulosos. Puedes elegir el radio (en px) junto a cada esquina.
Nota: Si agregas una máscara de video, las opciones Borde y Contorno no están disponibles.
Agregar una máscara de video
Usa una máscara de video para darle a tu VideoBox una forma única y un efecto visual llamativo. Elige entre miles de formas y arte vectorial, o sube una forma propia (archivo SVG) para recortar tu video.
Solución de problemas con los videos
¿Tienes problemas con tu video? Haz clic en una de las siguientes preguntas para obtener más información:
¿Por qué no se reproduce el video en mi sitio online?
Tú o tus visitantes pueden notar que los elementos que contienen movimiento (como efectos de animación y videos transparentes) no se reproducen en el sitio Wix online, tanto en versión móvil como de escritorio.
Esto se debe a que algunos sistemas operativos contienen una función de movimiento reducido, que deshabilita la reproducción de animaciones y videos en el navegador.
El movimiento reducido es una función de accesibilidad, lo que significa que su uso principal es permitir que los visitantes con discapacidades o impedimentos accedan a tu sitio.
Haz clic en el dispositivo correspondiente de la lista a continuación para aprender a deshabilitar el movimiento reducido.
Nota: El movimiento reducido se habilita automáticamente para algunos dispositivos móviles en modo de batería baja o ahorro de energía.
Configuré el video para que se reproduzca automáticamente, pero no hay sonido. ¿Por qué?
La mayoría de los navegadores de Internet solo permiten que los videos se reproduzcan automáticamente cuando el sonido está silenciado. Si configuraste el VideoBox para reproducirse automáticamente, el video se reproduce sin sonido.
Los siguientes navegadores ya no son compatibles con la reproducción automática:
- Safari 11 y versiones posteriores (en MacOS e iOS)
- Chrome 61 y versiones posteriores (de escritorio y móvil)
- Firefox 66 y versiones posteriores (de escritorio y móvil)
