La transparencia de la que se habla aquí se refiere específicamente al iframe (el elemento web que lo contiene), no a la transparencia en cualquiera de los videos que subas. Vimeo no incluye asistencia de canal alfa en este momento.
En este artículo:
- Fondo transparente
- Desactivar el fondo transparente
- Aplicar un color de fondo del iframe personalizado
Fondo transparente
De manera predeterminada, el fondo del iframe del reproductor es transparente en Vimeo. Todos los elementos del reproductor (barra de reproducción, botones, etc.) se fijan a la imagen del video, no al tamaño real del iframe.
Para evitar espacios en blanco en una inserción, recomendamos elegir un tamaño de reproductor que coincida con la relación de aspecto nativa del video. Por ejemplo, si el video original tiene una relación de aspecto de 16:9, querrás insertar el video con unas dimensiones que ofrezcan una relación de aspecto de 16:9, como 800 x 450.
⚠️Nota: Las dimensiones del reproductor insertado también pueden verse influidas por el estilo de CSS establecido por tu página web. En el caso de los videos insertados en un diseño adaptable, asegúrate de que tanto la altura como el ancho se ajusten para mantener la relación de aspecto nativa de tu video.
Desactivar el fondo transparente
Si tu reproductor se muestra de forma distinta a la prevista originalmente, puedes desactivar el fondo transparente.
- Para desactivar el fondo transparente, agrega ?transparent=0 al final de la URL del reproductor en el código de inserción. Este parámetro forzará un fondo iframe negro y fijará los elementos del reproductor al iframe, en lugar de a la imagen de video.
Ejemplo de código de inserción:
<iframe src="https://player.vimeo.com/video/137805268?transparent=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'
⚠️ Nota: Si la configuración de privacidad de tu video es No listado, cualquier otro parámetro debe agregarse después del hash de privacidad (?h=913052c8ff) al final del URL utilizando & en lugar de ?. A continuación, se muestra un ejemplo de código iframe de un video no listado con el uso del parámetro transparente:
<iframe src="https://
player.vimeo.com/
Aplicar un color de fondo del iframe personalizado
En lugar de barras transparentes o negras, puedes elegir el color exacto para rellenar tu iframe. Ten en cuenta que tendrás que visitar la configuración del reproductor de tu video para ajustar el color del texto y de la barra de reproducción dentro del reproductor.
- Para aplicar un color de fondo específico, deberás agregar la siguiente propiedad de estilo intercalada al código de inserción del iframe:
style="background-color: #FFFFFF"
FFFFFF es el valor hexadecimal del color blanco, pero puedes buscar en la base de datos de códigos hexadecimales el color que desees aquí: http://www.color-hex.com/
Ejemplo del código de inserción:
<iframe src="https://player.vimeo.com/video/236787722" style="background-color: #FFFFFF" width="1000" height="400" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
⚠️ Nota: No hay forma de cambiar el color del fotograma que aparece mientras se carga el video. Esto no debería ser perceptible para la mayoría de los espectadores, pero podría afectar a los espectadores con conexiones de internet más lentas.