Introdução
Sincronizar elementos da página com vídeos é uma excelente maneira de tornar a experiência do usuário mais envolvente e dinâmica. Você pode configurar a exibição de elementos específicos na página para que apareçam em momentos exatos durante a reprodução do vídeo. Este tutorial guiará você passo a passo no processo de sincronização de elementos da página com vídeos do Vturb, garantindo que suas páginas fiquem alinhadas com a comunicação visual dos seus vídeos.
💡 Dica: Caso precise de mais detalhes sobre como adicionar um vídeo em suas páginas, confira nosso tutorial Gerenciando Elementos na Rockty: Adicionar, Excluir e Personalizar para orientações iniciais.
Etapa 1: Identificar Seções para Sincronização
Acesse as Configurações da Seção: No construtor de páginas da Rockty, clique na engrenagem da seção que deseja sincronizar com o vídeo.
Ir para Avançado: No menu de configurações, clique na aba “Avançado”.
Definir CSS Classes: No campo "CSS Classes", crie um nome para identificar a seção que deseja sincronizar com o vídeo. Após digitar o nome, pressione 'Enter' ou clique sobre o nome criado para salvá-lo.
📌 Nota: Se desejar sincronizar várias seções, repita os passos acima para cada seção, usando o mesmo nome no campo "CSS Classes".
Etapa 2: Configurar o Tempo de Sincronização do Vídeo
Configurar o Elemento de Vídeo: Clique na engrenagem do elemento de vídeo que deseja sincronizar.
Acessar Ajustes: No menu de configurações, clique na aba "Ajustes".
Inserir URL de Compartilhamento: No campo "Embed", insira a URL de compartilhamento do vídeo hospedado no Vturb. A URL deve seguir o padrão abaixo:
https://scripts.converteai.net/00b0000-a000-0000-000-a0d0d0e000bb/players/000a00b5bb00d0000000/embed.htmlSincronizar CSS Classes: No campo "CSS Classes", selecione o nome utilizado anteriormente para identificar as seções que deseja sincronizar com o vídeo.
Definir Tempo de Sincronização: No campo "Tempo do vídeo", insira o tempo exato de sincronização para exibição dos elementos na página. Você pode definir valores até 59 minutos, utilizando as setas para ajustar ou inserindo os valores manualmente nas caixas de segundos e minutos.
📌 Importante: A sincronização dos elementos será efetiva apenas na página publicada.
Informações Adicionais
Este tutorial abordou as configurações básicas para sincronizar elementos da página com vídeos do Vturb. Para mais detalhes sobre configurações gerais do elemento vídeo, consulte nosso tutorial sobre o elemento Vídeo na Rockty.
Precisa de Ajuda?
Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!