Menú Cerrar

Color de fondo de iframe para incrustaciones

*Nota : la transparencia discutida aquí se refiere específicamente al iframe (el elemento web contenedor), no a la transparencia en los videos que cargue. Vimeo no incluye soporte de canal alfa en este momento. 

Fondo transparente

De forma predeterminada, el fondo del iframe del reproductor es transparente en Vimeo. Todos los elementos del reproductor (barra de reproducción, botones, etc.) están anclados a la imagen de 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 original de su video. Por ejemplo, si el video original tiene una relación de aspecto de 16:9, querrá insertar el video con dimensiones que produzcan una relación de aspecto de 16:9, como 800 x 450.  

Importante:  las dimensiones del reproductor incrustado también pueden verse influenciadas por el estilo CSS establecido por su página web. Para videos incrustados en un diseño receptivo, asegúrese de que la altura y el ancho estén ajustados para mantener la relación de aspecto nativa de su video. 

Desactivar el fondo transparente 

Si su reproductor se muestra de forma diferente a lo que pretendía originalmente, puede desactivar el fondo transparente. Para desactivar el fondo transparente, agregue  ?transparent=0  al final de la URL del reproductor en su código de inserción. Este parámetro forzará un fondo de iframe negro y anclará 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>'

Importante : si su video está configurado con la configuración de privacidad No listado , se debe agregar cualquier otro parámetro después del hash de privacidad (?h=913052c8ff) al final de la URL usando & en lugar de ? . Aquí hay un ejemplo del código iframe de un video no listado con el uso del parámetro transparente:

<iframe src="https://

player.vimeo.com/

video/498315244?h=913052c8ff&transparent=0 autoplay=1

" width="640" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

Aplicar un color de fondo de iframe personalizado 

En lugar de transparencia o barras negras, puede elegir el color exacto que llena su iframe. Tenga en cuenta que deberá visitar la configuración del reproductor de su video para ajustar el color del texto y la barra de reproducción dentro del reproductor. 

Para aplicar un color de fondo específico, deberá agregar la siguiente propiedad de estilo en línea a su código de inserción de iframe: 

style="background-color: #FFFFFF"

FFFFFF es el valor hexadecimal del color para el blanco, pero puede buscar en la base de datos de códigos hexadecimales el color deseado aquí: http://www.color-hex.com/

Ejemplo de 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>

Importante: No hay forma de cambiar el color del marco 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 a Internet más lentas.