*Observação: a transparência discutida aqui está se referindo especificamente ao iframe (elemento da web que contém), não à transparência em nenhum vídeo que você carregar. No momento, o Vimeo não inclui suporte a canais alfa.
Tela de fundo transparente
Por padrão, a tela de fundo do iframe do player é transparente no Vimeo. Todos os elementos do player (playbar, botões, etc.) são fixados na imagem do vídeo, não no tamanho real do iframe.
Para evitar espaço em branco em uma incorporação, recomendamos escolher um tamanho de player que corresponda à proporção de tela nativa do seu vídeo. Por exemplo, se o vídeo original tiver uma proporção de tela de 16:9, você desejará incorporar o vídeo com dimensões que produzam uma proporção de tela de 16:9, como 800 x 450.
Importante: as dimensões do player incorporado também podem ser influenciadas pelo estilo CSS estabelecido pela sua página da web. Para vídeos incorporados em um design responsivo, verifique se a altura e a largura estão ajustadas para manter a proporção de tela nativa do vídeo.
Desligando a tela de fundo transparente
Se seu player for exibido de forma diferente do que você pretendia originalmente, você pode desativar a tela de fundo transparente. Para desativar o fundo transparente, adicione ? transparent=0 até o final do URL do player em seu código de incorporação. Esse parâmetro forçará um fundo iframe preto e fixará os elementos do player no iframe, em vez da imagem do vídeo.
Exemplo de código de incorporação:
<iframe src="https://player.vimeo.com/video/137805268?transparent=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'
Importante: se o vídeo estiver definido para a configuração de privacidade Não listado, qualquer outro parâmetro deverá ser adicionado após o hash de privacidade (? h=913052c8ff) no final do URL usando &em vez de?. Veja aqui um exemplo do código iframe de um vídeo não listado com o uso do parâmetro transparente:
<iframe src="https://
player.vimeo.com/
Como aplicar uma cor de fundo de iframe customizada
Em vez de transparência ou barras pretas, você pode escolher a cor exata que preenche seu iframe. Lembre-se de que você precisará visitar as configurações do player do seu vídeo para ajustar a cor do texto e a barra de reprodução dentro do player.
Para aplicar uma cor de fundo específica, você precisará adicionar a seguinte propriedade de estilo inline ao seu código de incorporação iframe:
style="background-color: #FFFFFF"
FFFFFF é o valor hexadecimal da cor para branco, mas você pode pesquisar no banco de dados de código hexadecimal a cor desejada aqui- http://www.color-hex.com/
Exemplo de código de incorporação:
<iframe src="https://player.vimeo.com/video/236787722" style="background-color: #FFFFFF" width="1000" height="400" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Importante: não há como alterar a cor do quadro que aparece enquanto o vídeo é carregado. Isso não deve ser perceptível para a maioria dos espectadores, mas pode afetar os espectadores com conexões de Internet mais lentas.