Os vídeos são uma ótima maneira de envolver os visitantes do site e contar a história da marca. O Editor do Wix Studio facilita a exibição de seu conteúdo, a incorporação de redes sociais e a adição de incríveis elementos de design baseados em vídeo.
Neste artigo, saiba mais sobre como:
Adicionar um vídeo
Escolha o elemento de vídeo certo para o que você precisa. Você pode adicionar um player de vídeo único ou um VideoBox, que oferece opções de personalização mais elaboradas. Você também pode adicionar vídeos com background transparente, criados pelo Wix, para decorar o site.
Para adicionar um novo vídeo:
- Clique em Elementos
no lado esquerdo do Editor. - Clique em Mídia.
- Selecione um tipo de vídeo em Vídeo:
- Player de vídeo único: faça upload do seu próprio vídeo ou incorpore um de uma rede social.
- VideoBox: mostre seus próprios vídeos, vídeos gratuitos do Wix ou vídeos profissionais da Shutterstock em contêineres de vídeo com um lindo design.
- Vídeo transparente: adicione ou faça upload dos seus próprios vídeos com background transparente.
- Arraste um vídeo para o local desejado na página.
Personalizar o player de vídeo único
Personalize o layout, o design e o comportamento do Player de vídeo único como for necessário. Você pode escolher se o seu vídeo começa a ser reproduzido automaticamente e/ou continuamente, decidir quais controles mostrar e alterar seu design.
Para personalizar um player de vídeo único:
- Selecione o player de vídeo.
- Escolha como personalizar:
Você pode substituir o vídeo por um diferente a qualquer momento, seja do seu computador ou de fontes externas (por exemplo: YouTube, Vimeo, Facebook etc.)
- Clique em Alterar vídeo.
- Siga um destes procedimentos para substituir o vídeo atual:
- Clique em Alterar vídeo para acessar seus arquivos no Gerenciador de Mídia.
- Clique em qualquer um dos ícones de rede social para compartilhar um vídeo. Certifique-se de inserir o URL do vídeo em Endereço web do vídeo.
Decidir como seu vídeo é reproduzido
- Clique em Alterar vídeo.
- Clique na alavanca Reproduzir automaticamente para escolher como o vídeo começa a ser reproduzido:
- Ativada: seu vídeo é reproduzido automaticamente quando o site é carregado.
- Desativada: os visitantes precisam clicar no botão Reproduzir para iniciar o vídeo.
- Clique na alavanca Tocar continuamente:
- Ativada: seu vídeo começa a ser reproduzido novamente quando é concluído (em um loop contínuo).
- Desativada: seu vídeo é reproduzido apenas uma vez.
Observação: a opção de reproduzir vídeos continuamente não está disponível para todas as fontes externas (por exemplo: Facebook, Dailymotion).
Ajustar o layout do player de vídeo
No painel Layout, você pode escolher se deseja ou não mostrar o título do vídeo e seus controles e ajustar o tamanho do botão Reproduzir como desejar.
- Clique no ícone Layout
. - Clique na alavanca Mostrar título do vídeo:
- Ativada: o título do vídeo aparece na parte superior do player.
Dica: você pode formatar e estilizar esse título no painel Inspetor. - Desativada: o título do vídeo não é visível.
- Arraste o slider em Tamanho do botão de reprodução para aumentar ou diminuir o tamanho do botão.
- Selecione uma opção em Mostrar barra de controle:
- Ao passar o mouse: os controles de vídeo (por exemplo, o botão de reprodução ou pausa) aparecem quando os visitantes passam o mouse sobre o player.
- Nunca: os controles de vídeo não são exibidos.
Observação: as opções disponíveis dependem do tipo de vídeo que você adiciona ao player.
Fazer o design do player de vídeo
No painel Inspetor, faça o design do seu player de vídeo para combinar com seu estilo. Você pode alterar a cor de sobreposição e sua opacidade, adicionar sombra, formatar o título do vídeo e muito mais.
Para personalizar o design do player:
- Clique na seta Abrir inspetor
no canto superior direito do Editor. - Role para baixo até Design.
- Siga um destes procedimentos para fazer o design do player de vídeo:
- Cor e opacidade: clique na caixa de cores para escolher uma cor diferente para a sobreposição e arraste o slider para ajustar sua opacidade.
- Borda: adicione uma borda para destacar seu player de vídeo.
- Sombra: clique em Ativar sombra para adicionar e criar uma sombra para aparecer atrás do player.
- Texto: escolha uma cor para o título e o botão de reprodução e formate o título como preferir.
Personalizar um VideoBox
Ao usar VideoBoxes para exibir mídia, você tem liberdade criativa para torná-los parte do design. Configure o vídeo para ser reproduzido exatamente como você imagina, escolha uma forma interessante para ele e personalize cada detalhe, da imagem de capa às bordas.
Para personalizar um VideoBox:
- Selecione o VideoBox.
- Escolha como personalizar:
Definir os comportamentos do seu VideoBox
Defina como seu VideoBox se comporta ao personalizar as configurações de reprodução, pausa e loop, assim como os comportamentos do som. Explore as opções para ver qual você acha que melhorará o engajamento e a interação do visitante.
- Clique no ícone Funcionamento
. - Personalize os diferentes comportamentos de reprodução e som:
- Escolha se o seu vídeo é reproduzido ao clicar, ao passar o mouse ou automaticamente.
- Decida se os visitantes podem pausar o vídeo.
- Faça seu vídeo tocar continuamente ou reproduzir novamente com um clique.
- Faça seu vídeo reproduzir em câmera lenta ou com som.
Dica: essas opções só estão disponíveis para vídeos que foram gravados em câmera lenta e/ou com som. Muitos vídeos oferecidos pelo Wix incluem câmera lenta ou som.
Escolha o ponto focal de um VideoBox para cada breakpoint. Isso significa que quando o VideoBox é redimensionado para tamanhos de tela diferentes, a parte do vídeo que você deseja mostrar sempre é exibida.
- Clique no breakpoint relevante na parte superior do Editor do Wix Studio.
- Clique no ícone do Ponto focal
. - Selecione a área do vídeo que você deseja que permaneça visível quando ele for redimensionado.
Fazer o design do VideoBox
Aqui você pode personalizar seu VideoBox. Escolha uma imagem de capa, borda e sombra e aplique uma sobreposição padrão para criar um efeito exclusivo. Existem muitos padrões para escolher para combinar com seu estilo único.
- Clique na seta Abrir inspetor no canto superior direito do Editor.
- Role para baixo até Design.
- Siga um destes procedimentos para fazer o design do seu vídeo:
- Imagem de capa: escolha uma imagem diferente para a capa do seu vídeo (o que os visitantes veem antes de clicar nela).
- Sobreposição padrão: clique na alavanca Aplicar sobreposição padrão para adicionar um padrão interessante (animado ou não) que torna seu vídeo ainda mais atraente.
- Borda: aplique uma borda ao redor do seu vídeo ao escolher sua cor, opacidade e largura.
- Sombra: adicione sombra ao escolher seu tamanho, cor, ângulo e distância do vídeo.
- Contorno: torne as bordas do seu VideoBox mais redondas ou retangulares. Você pode escolher o raio (em px) ao lado de cada canto.
Observação: se você adicionar uma máscara de vídeo, as opções de Borda e Contorno não estarão disponíveis.
Adicionar uma máscara de vídeo
Use uma máscara de vídeo para dar ao seu VideoBox uma forma única e um efeito visual incrível. Escolha entre milhares de formas e arte vetorial ou faça upload de uma forma própria (arquivo SVG) para recortar seu vídeo.
Solução de problemas com vídeos
Tem problemas com seu vídeo? Clique nas perguntas abaixo para saber mais:
Por que meu vídeo não está sendo reproduzido no meu site online?
Você ou seus visitantes podem perceber que elementos que contêm movimento (como efeitos de animação e vídeos transparentes) não são reproduzidos no seu site Wix, tanto no mobile quanto no desktop.
Isso ocorre porque alguns sistemas operacionais contêm um recurso de movimento reduzido, que desativa a reprodução de animações e vídeos no navegador.
Movimento reduzido é um recurso de acessibilidade, o que significa que seu uso principal é permitir que visitantes com deficiência visitem seu site.
Clique no dispositivo relevante na lista abaixo para saber como desativar o movimento reduzido.
Observação: o movimento reduzido é ativado automaticamente para alguns dispositivos móveis no modo de bateria fraca/economia de energia.
Configurei meu vídeo para reprodução automática, mas não há som. Por quê?
A maioria dos navegadores de internet só permite a reprodução automática de vídeos quando o som está mudo. Se o VideoBox estiver configurado para reproduzir automaticamente, o vídeo é reproduzido sem som.
Os seguintes navegadores não suportam mais a reprodução automática:
- Safari 11 e versões posteriores (no MacOS e iOS)
- Chrome 61 e versões posteriores (desktop e mobile)
- Firefox 66 e versões posteriores (desktop e mobile)
