Como embedar os vídeos no meu site?
Para pegar o código do seu vídeo e colocar na sua página, você deve acessar “Meus Vídeos”, clicar nos 3 pontinhos ao lado direito do vídeo, e em “Embed”:
A seguir, vai aparecer essa caixa pra você, onde o código selecionado será o JS, que é o que nós sempre recomendamos! Clique no ícone de cópia, no canto superior direito:
O código de embed JS será copiado e agora você pode utilizá-lo!
Dica: A largura do seu vídeo pode ser definida diretamente no seu construtor de páginas! Se preferir, temos um código pra te ajudar...
É necessário colocar o embed do vídeo onde está escrito "embed" e alterar os 500px para a largura máxima permitida (recomendamos deixar em 500px)!
Se você deseja exibir vídeos em formatos diferentes para dispositivos mobile e desktop, basta usar o recurso de personalização para dispositivos, que permite que você utilize o mesmo código embed para dois vídeos diferentes.
Para fazer isso, é bem simples:
Ainda na janela de Embed, você verá um interruptor com a pergunta: "Mostrar versão diferente para mobile ou desktop?".
Após ativar essa opção, a tela de Embed será exibida da seguinte forma:
Depois disso, basta escolher o segundo vídeo. O resultado final ficará assim, com ambos os vídeos exibidos em uma janela lado a lado:
Ao escolher um vídeo, nosso sistema identifica automaticamente se é retangular (16x9) ou vertical (9x16). O formato 16x9 é o padrão, ideal para desktop, enquanto dispositivos móveis se beneficiam mais com vídeos verticais (9x16).
Mesmo sem tamanhos específicos obrigatórios, escolher o formato certo afeta a experiência do espectador e pode influenciar nas taxas de conversão. Por isso, ajuste seus vídeos para proporcionar a melhor experiência em todos os dispositivos!
Ao ativar a opção para versões diferentes, o código embed vai mudar!
Certifique-se de copiar o novo código gerado para utilizar em seu site.
Seguindo esses passos, você conseguirá personalizar suas exibições de vídeo, proporcionando uma experiência otimizada em vários dispositivos!
Não esqueça de adicionar seu(s) domínio(s) na aba de Segurança, garantindo proteção extra aos seus VSLs.
Abaixo, você encontra artigos relacionados aos construtores de páginas mais utilizados por aqui e também pode entender mais sobre a diferença entre o Código JS e Iframe!
Saiba usar o VTurb com construtor de páginas da sua preferência.
Diferença entre o Iframe e o código JS
A seguir, vai aparecer essa caixa pra você, onde o código selecionado será o JS, que é o que nós sempre recomendamos! Clique no ícone de cópia, no canto superior direito:
O código de embed JS será copiado e agora você pode utilizá-lo!
Dica: A largura do seu vídeo pode ser definida diretamente no seu construtor de páginas! Se preferir, temos um código pra te ajudar...
É necessário colocar o embed do vídeo onde está escrito "embed" e alterar os 500px para a largura máxima permitida (recomendamos deixar em 500px)!
EMBEDPersonalização para Mobile e Desktop
Se você deseja exibir vídeos em formatos diferentes para dispositivos mobile e desktop, basta usar o recurso de personalização para dispositivos, que permite que você utilize o mesmo código embed para dois vídeos diferentes.
Para fazer isso, é bem simples:
Ainda na janela de Embed, você verá um interruptor com a pergunta: "Mostrar versão diferente para mobile ou desktop?".
Após ativar essa opção, a tela de Embed será exibida da seguinte forma:
Depois disso, basta escolher o segundo vídeo. O resultado final ficará assim, com ambos os vídeos exibidos em uma janela lado a lado:
Recomendação de formatos para Mobile e Desktop
Ao escolher um vídeo, nosso sistema identifica automaticamente se é retangular (16x9) ou vertical (9x16). O formato 16x9 é o padrão, ideal para desktop, enquanto dispositivos móveis se beneficiam mais com vídeos verticais (9x16).
Mesmo sem tamanhos específicos obrigatórios, escolher o formato certo afeta a experiência do espectador e pode influenciar nas taxas de conversão. Por isso, ajuste seus vídeos para proporcionar a melhor experiência em todos os dispositivos!
Ajustes finais
Ao ativar a opção para versões diferentes, o código embed vai mudar!
Certifique-se de copiar o novo código gerado para utilizar em seu site.
Seguindo esses passos, você conseguirá personalizar suas exibições de vídeo, proporcionando uma experiência otimizada em vários dispositivos!
Não esqueça de adicionar seu(s) domínio(s) na aba de Segurança, garantindo proteção extra aos seus VSLs.
Abaixo, você encontra artigos relacionados aos construtores de páginas mais utilizados por aqui e também pode entender mais sobre a diferença entre o Código JS e Iframe!
Saiba usar o VTurb com construtor de páginas da sua preferência.
Diferença entre o Iframe e o código JS
Atualizado em: 12/04/2024
Obrigado!