OMR Reviews
Más información"Por fin he encontrado una herramienta que me permite insertar vídeos en mi web conforme al RGPD y sin cookies adicionales."
Tutorial
Personaliza tu Player de vídeo: crea tu propio diseño
¿Quieres que tu reproductor de vídeo combine perfectamente con el diseño de tu web? Con Ignite, es muy sencillo.
En este tutorial te mostramos cómo crear diseños personalizados con Ignite. Ya sean colores o branding, haz que tu Player destaque. ¿Lo mejor? Es súper fácil: no necesitas conocimientos técnicos ni de programación.
Paso 1: Personaliza los colores de tu Player
Una vez que hayas publicado tu vídeo y estés listo para insertarlo, puedes personalizar los colores del Player. Estas son tus opciones:
- Color de resaltado: Ajusta el botón de reproducción y la barra de progreso. Debería ser tu color más llamativo.
- Color de fondo: Define la barra detrás del menú del Player, garantizando visibilidad en todos los vídeos.
- Elementos de interfaz: Personaliza el color de todos los demás botones y textos, excepto el botón de reproducción.
Importante: La accesibilidad importa Nuestros colores predeterminados están diseñados para alto contraste, facilitando el uso del Player a personas con discapacidad visual. Si cambias los colores, asegúrate de que mantengan un alto contraste para una mejor legibilidad.
Paso 2: Ajusta la relación de aspecto
La relación de aspecto es simplemente la proporción entre el ancho y el alto de tu vídeo. El formato clásico es 16:9, pero con un enfoque «mobile-first», los formatos 9:16 o 4:5 son cada vez más comunes.
Nuestro Player te permite elegir entre estos formatos populares: 16:9, 9:16, 4:5, 4:3, 3:4, 1:1
También puedes activar el modo responsive, que ajusta automáticamente el Player al tamaño de su contenedor en tu sitio web.
Paso 3: Ajusta el Video Fit
También conocido como «Video Fit», este ajuste determina cómo se comporta tu vídeo dentro de la relación de aspecto del Player.
¿Suena complicado? Es relevante cuando tu vídeo no coincide con el formato del Player o cuando quieres que llene todo el reproductor.
Ejemplo: Tienes un vídeo en 16:9, pero tu Player está configurado en 1:1 en tu sitio web.
- «Contain»: El vídeo completo permanece visible, pero aparecen barras negras arriba y abajo.
- «Fit»: El vídeo llena el Player, centrado, pero se recorta por los lados izquierdo y derecho.
Consulta la captura de pantalla de arriba para ver un ejemplo visual.
Info: Contraste de color y accesibilidad en el Player
Tienes control total sobre los colores de tu Player: no imponemos ninguna restricción. Sin embargo, te recomendamos encarecidamente tener en cuenta la accesibilidad al elegir tus colores.
Por defecto, el Player está diseñado para ser accesible. Pero para mantenerlo así, debes asegurarte de usar combinaciones de colores de alto contraste para una mejor legibilidad y usabilidad.
Para ayudarte, se muestra un pequeño indicador de accesibilidad que te da información instantánea sobre el contraste de color elegido.
Crea y gestiona diseños globales
Desde enero de 2025, puedes crear y gestionar diseños globales de Player. Esto te permite definir un diseño predeterminado una vez y aplicarlo fácilmente cada vez que integres nuevos vídeos.
¿Design y branding totalmente personalizados?
Estas son las opciones de personalización disponibles al usar nuestro Player. Sin embargo, también puedes usar únicamente nuestro hosting de vídeo europeo e integrar tu propio Player personalizado.
En ese caso, puedes simplemente usar los archivos HLS, playlists o archivos MP4 que proporcionamos. Este enfoque se utiliza normalmente en proyectos web más grandes que requieren control total del diseño.
