> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.vturb.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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”:  

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/1_177zsky.gif =1083xauto)

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:  
 
  
![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/esse_ph302r.gif =568xauto)

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)!


```html
EMBED
```

### Personalizaçã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?".* 

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/1_1s9tsqk.png =667xauto)

* Após ativar essa opção, a tela de Embed será exibida da seguinte forma: 

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/2_yqaep2.png =499xauto)

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:

![](https://storage.crisp.chat/users/helpdesk/website/390a843820d6ba00/ambos-os-videos-serao-exibidos_syp6ew.png =543xauto)

### 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](https://help.vturb.com/pt-br/article/seguranca-14b0lwn/), 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.](https://help.vturb.com/pt-br/category/construtores-de-pagina-15iwcsj/)
  
[Diferença entre o Iframe e o código JS](https://help.vturb.com/pt-br/article/diferenca-entre-o-iframe-e-o-codigo-js-mbliqq/)