Crie efeitos visuais dinâmicos com vídeos reproduzidos automaticamente atrás do conteúdo do seu site.

Envie ou incorpore vídeos de fundo às seções da sua página para dimensionar seus layouts ou para criar um banner de vídeo.

Experimente também: adicionar imagens de fundo ou arte de fundo.

Vídeos de fundo para seções de página estão disponíveis na versão 7.1. Se o seu site estiver na versão 7.0, você poderá adicionar vídeos de fundo a páginas de entrada e banners em alguns templates.

Vídeo sobre como adicionar vídeos de fundo

Este vídeo mostra como adicionar e personalizar um vídeo de fundo.

Adicionar um vídeo de fundo

Você pode adicionar vídeos em segundo plano a seções de bloco, seções de portfólio e layouts automáticos. Os vídeos em segundo plano não têm som e são reproduzidos em loop.

Para adicionar um vídeo de fundo:

1. Abra o painel de Páginas.
2. Clique na página em que você quer adicionar o vídeo e depois em Editar.
3. Passe o cursor sobre uma seção e clique em Editar seção.
4. Clique em Plano de Fundo e, em seguida, clique em Vídeo.
5. Clique em Carregar arquivo (limite de 60 segundos), Selecionar da biblioteca, Pesquisar vídeos de fundo ou Adicionar partir de um link (YouTube ou Vimeo). O Vimeo exige um plano pago para adicionar um vídeo de fundo a partir de um link. Não é possível usar o código de incorporação em vídeos de fundo.
6. Após adicionar o vídeo, defina a largura do plano de fundo como Sem margens (o vídeo encosta nas bordas do navegador) ou Inserção (o vídeo aparece com uma borda de cor sólida ao redor dele). Ao definir como Inserção, é possível alterar a cor da borda.
7. Opcional: clique em Filtro para adicionar um filtro sobreposto ao vídeo. Os filtros também se sobrepõem à imagem de contingência para aparelhos móveis.
8. Opcional: altere a velocidade de reprodução clicando em + ou - ao lado de Velocidade da reprodução.
9. Opcional: adicione uma imagem de contingência para aparelhos móveis.
10. Clique em Save (Salvar).

Adicionar uma imagem de contingência para aparelhos móveis

Dependendo da velocidade da conexão e da versão do navegador, os vídeos em segundo plano podem não carregar para todos os visitantes. É possível definir uma imagem de contingência para aparelhos móveis para ser exibida quando o vídeo em segundo plano não puder ser carregado ou durante o carregamento do vídeo. Para obter o melhor resultado, formate a imagem para exibição web antes de carregá-la.

Para adicionar uma imagem de contingência para dispositivos móveis:

1. Abra o painel de Páginas.
2. Clique na página com o fundo do vídeo e, em seguida, clique em Editar.
3. Passe o cursor sobre a seção e clique em Editar seção.
4. Clique em Plano de Fundo e, em seguida, clique em Vídeo.
5. Em Imagem de contingência para aparelhos móveis, clique em Adicionar uma imagem para carregar uma imagem, reutilizar uma imagem da sua biblioteca ou adicionar uma imagem de acervo.
6. Clique em Save (Salvar).

O que acontece se eu não adicionar uma imagem de contingência para aparelhos móveis?

Geralmente, se não adicionar uma imagem de contingência para aparelhos móveis, será exibida uma cor de fundo em seu lugar. É possível definir essa cor no tema de cores da seção.

Os aparelhos em modo de bateria fraca ou de economia de energia não mostram os vídeos em segundo plano. Se você não adicionou uma imagem de contingência para aparelhos móveis, esses aparelhos poderão exibir uma miniatura do vídeo e um botão de reprodução que não funciona.

Remover vídeos de fundo

É possível substituir, apagar ou desativar vídeos de fundo.

Para remover um vídeo de fundo:

1. Abra o painel de Páginas.
2. Clique na página com o vídeo que você deseja remover e depois em Editar.
3. Passe o cursor sobre a seção e clique em Editar seção.
4. Clique em Plano de fundo e, em seguida, em:
   • Substituir para adicionar outro vídeo.
   • O ícone de lixeira para excluir o vídeo do plano de fundo. Isso não o apaga da sua biblioteca.
   • A aba Imagem ou Arte para desativar o vídeo sem removê-lo. Você pode adicionar outro plano de fundo ou deixá-lo em branco. Se você clicar de volta em Vídeo, o seu vídeo será exibido novamente.
5. Após as alterações, clique em Salvar.

Dicas de design para vídeos de fundo

Vídeos de fundo são excelentes para deixar o visual do site mais interesse, mas não devem distrair o visitante do conteúdo do site. Veja a seguir algumas práticas recomendadas para deixar seu vídeo de fundo com uma aparência ótima. Se você estiver carregando um vídeo de fundo, siga nossos requisitos de vídeo.

Como manter o arquivo de vídeo pequeno

Arquivos de vídeo grandes demoram mais para serem carregados e podem fazer com que o vídeo pause durante a reprodução, dependendo da conexão do visitante. Para obter melhores resultados:

• Mantenha a duração do vídeo abaixo de 40 segundos.
• Use vídeos com resolução de 1080p e uma taxa de bits de pelo menos 3 Mbps.
• Use vídeos com uma taxa de quadros de 60 quadros por segundo, especialmente se o vídeo for exibido em câmera lenta.

Use imagens largas

O fundo da seção é ajustado automaticamente com base no tamanho da janela do navegador do visitante. Para minimizar os recortes, use vídeos com uma proporção da imagem horizontal ou de paisagem, como 16:9.

Escolha vídeos com transições suaves

Ao filmar um vídeo, limite o movimento da câmera ou o movimento dos objetos nele. Menos movimento geralmente resulta em vídeos de fundo mais suaves.

Evite usar vídeos com cortes rápidos, movimentos panorâmicos excessivos ou conteúdo que pisque três ou mais vezes em um período de um segundo. Características como essa podem desconcertar os visitantes e tornar seus vídeos menos acessíveis.

Contraste com texto

Para manter seu site acessível, certifique-se de que qualquer texto sobreposto ao vídeo use cores que contrastem com as cores do vídeo. Por exemplo, se o vídeo for predominantemente escuro, escolha uma cor de fonte mais clara para o texto de sobreposição ou altere o brilho do vídeo com filtros.

Limitar o número de vídeos em segundo plano por página

Adicione no máximo dois vídeos de fundo por página. Isso reduz o tamanho da página, o que acelera o tempo de carregamento dela.

Quantos vídeos de fundo posso carregar?

Cada site inclui 30 minutos de armazenamento de vídeos para vídeos carregados. Se atingir o limite, você pode obter mais armazenamento ou apagar vídeos do seu site para liberar espaço.

Por que meu vídeo do YouTube ou do Vimeo não está funcionando?

Se for incorporar um vídeo do YouTube ou do Vimeo com um URL, certifique-se de que o URL não inclua um carimbo de data/hora para uma seção específica do vídeo, pois isso impede seu carregamento.

Para vídeos do YouTube, defina-os como Não listados ou Públicos e permita a incorporação.

Para vídeos do Vimeo, defina as configurações de privacidade como Público ou Ocultar do Vimeo e permita a incorporação em qualquer lugar ou em domínios específicos. Ao permitir a incorporação somente em domínios específicos, você deve adicionar o domínio do seu site ao campo de texto que aparecer.

Por que anúncios estão sendo exibidos sobre o meu vídeo de fundo?

Desative os anúncios de sobreposição no YouTube para evitar que eles sejam exibidos sobre o vídeo em segundo plano. Os anúncios em vídeo reproduzidos antes do vídeo, também conhecidos como anúncios pre-roll, não são reproduzidos sobre vídeos de fundo.

Vídeo de fundo na versão 7.0

Na versão 7.0, você pode adicionar vídeos de fundo a páginas de entrada e banners de página em alguns templates.