Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderElementos
Como funciona o elemento Vídeo na Rockty
Como funciona o elemento Vídeo na Rockty

Saiba como adicionar e configurar vídeos nas suas páginas na Rockty de forma simples e prática

Sylas avatar
Escrito por Sylas
Atualizado há mais de 2 meses

Introdução

O elemento Vídeo na Rockty permite que você adicione e configure vídeos de forma intuitiva em suas páginas, aprimorando o conteúdo visual e a interatividade do seu site. Este tutorial irá guiá-lo passo a passo pelas configurações básicas e avançadas do elemento Vídeo, abordando desde a adição do vídeo até ajustes de visibilidade, posição, estilo e efeitos de animação


1. Como Adicionar Vídeos

Para adicionar vídeos à sua página na Rockty, siga estes passos:

  1. Adicione um novo elemento à sua página.

  2. Selecione o elemento 'Vídeo' na lista de opções disponíveis no menu lateral esquerdo.

💡 Dica: Caso precise de mais detalhes sobre como adicionar elementos, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar.


2. Como Acessar as Configurações do Elemento

Para acessar as configurações de um vídeo, clique no ícone de engrenagem do elemento ou clique com o botão direito do mouse sobre ele para abrir o menu de opções. Isso disponibilizará todas as possibilidades de configuração abordadas neste tutorial.


3. Configurações do Vídeo

Ajustes

  • Visibilidade: Controle a visibilidade do vídeo em dispositivos Desktop, Tablet ou Mobile clicando nos ícones correspondentes. Clique novamente para reexibir o vídeo oculto.

  • Posição: Ajuste a posição (esquerda, centro, direita), tamanho, opacidade e margem superior do vídeo. Evite usar margens negativas para não gerar conflitos com outros elementos da página.

  • Embed: Insira a URL de compartilhamento do vídeo das plataformas compatíveis: Panda, Vimeo, Vturb, Wistia, e Youtube. Lembre-se que os vídeos só serão reproduzidos na página publicada.

    💡 Dica: Para aprender como inserir videos do Youtube Shorts, acesse o tutorial em Como Usar Vídeos do YouTube Shorts na Rockty.

  • Mostrar Controles de Vídeo: Ative para exibir controles de rolagem, volume, legendas e configurações de tela no vídeo.


Estilo

  • Borda e Radial: Ative para adicionar bordas ao vídeo, ajustando a cor e o tamanho conforme necessário. Para configurar o radial, ajuste os valores manualmente ou usando as barras deslizantes.


Avançado

  • Efeitos de Movimento – Animação: Adicione animações ao vídeo, como efeitos de entrada ou ao passar o mouse. Configure o comportamento (uma vez ou infinito), ativação e duração (normal, devagar, rápido).

  • CSS Classes: Adicione estilos personalizados utilizando CSS. Insira um nome para o CSS e aplique o estilo desejado através do elemento de Script. Para mais informações, consulte nosso tutorial sobre CSS Classes.


Conclusão

Configurar vídeos na Rockty é fácil e permite uma série de personalizações para otimizar a experiência do usuário em suas páginas. Explore as opções de ajustes, estilo e configurações avançadas para tirar o máximo proveito dos seus vídeos.


Dicas Adicionais

  • Escolha a Plataforma Adequada: Utilize plataformas compatíveis como Panda, Vimeo, Vturb, Wistia e YouTube, conforme suas necessidades e preferências. Cada uma oferece características específicas, como privacidade e personalização.

  • Configuração de Reprodução: Configure opções como reprodução automática e controles de vídeo com cuidado. A reprodução automática pode ser irritante para alguns usuários, e os controles devem ser claros e acessíveis.

  • Incorporação de Legendagem e Transcrições: Adicione legendas ou transcrições se o vídeo contiver informações importantes. Isso melhora a acessibilidade e ajuda a alcançar um público mais amplo.

  • Design e Layout: Ajuste o design e o layout do vídeo para garantir que ele se encaixe bem no seu design de página. Certifique-se de que o vídeo não sobrecarregue o conteúdo ao redor.

  • Atenção à Qualidade do Vídeo: Verifique a qualidade do vídeo antes de publicá-lo. Imagens desfocadas ou de baixa qualidade podem prejudicar a experiência do usuário e a percepção da sua página.

  • Cuidado com o Número de Vídeos: Evite carregar muitos vídeos em uma única página, pois isso pode impactar negativamente o desempenho da página, aumentando o tempo de carregamento e potencialmente afetando a experiência do usuário.

  • Call-to-Action: Se o vídeo tiver um propósito específico, como promover um produto ou serviço, considere adicionar um call-to-action (CTA) no final do vídeo para orientar os usuários sobre o próximo passo.

  • Verifique as Configurações de Privacidade do Vídeo: Antes de adicionar um vídeo à sua página, certifique-se de que ele está configurado para ser público ou visível para todos que acessarem o link. Vídeos configurados como privados ou não listados em plataformas como YouTube, Vimeo e outras não serão carregados corretamente e podem não aparecer para os visitantes da sua página.

  • Teste o Vídeo Após a Integração: Sempre faça um teste após integrar o vídeo na sua página para garantir que ele está carregando e exibindo corretamente. Isso pode ajudar a identificar problemas com as configurações de privacidade ou outros problemas técnicos.

  • Consulte a Documentação da Plataforma de Vídeo: Se tiver dúvidas sobre as configurações de privacidade do vídeo, consulte a documentação da plataforma de vídeo que você está utilizando (como YouTube, Vimeo, etc.) para orientações sobre como ajustar essas configurações.

  • Inserindo Vídeos de outras Plataformas de Vídeo: Se precisar inserir vídeos de outras plataformas, utilize o elemento ‘embed’ por código. Veja como em nosso tutorial sobre o elemento Embed.


Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!

Respondeu à sua pergunta?