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:
Adicione um novo elemento à sua página.
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!