# Como colocar autoplay em um vídeo do Youtube ou Vimeo no editor Componentes

**Objetivo:** Mostrar o passo a passo de como colocar o autoplay em um vídeo do Youtube ou Vimeo nos editores de páginas da leadlovers.\
**Para que serve:** O autoplay permite que assim que o lead entre na página, o vídeo seja executado automaticamente.<br>

Este artigo abrange os seguintes tópicos:

* [Como ativar o autoplay em vídeos](#colocando-autoplay)
* [Ativando no Construtor por Componentes](#componentes)

### **Colocando o autoplay no vídeo** <a href="#colocando-autoplay" id="colocando-autoplay"></a>

Para ativar a função de autoplay em vídeos do **Youtube**, é preciso acrescentar a informação **?autoplay=1\&mute=1** no final do ID do link. No caso do **Vimeo**, o código a ser inserido é: **?autoplay=1\&muted=1**.&#x20;

Abaixo vamos mostrar como fazer essa configuração.

<mark style="color:red;">**ATENÇÃO:**</mark>\
\
Para que o autoplay funcione no Google Chrome, é necessário que o vídeo **inicie mutado** de acordo com uma [atualização que foi feita no browser em 2018](https://developer.chrome.com/blog/autoplay/). \
\
É por isso que é necessário incluir um código para ativar o autoplay e mutar o vídeo ao mesmo tempo.\
\
O código precisa ser aplicado no **iframe do vídeo**.\
Ao inserir somente no link, podem haver problemas em seu comportamento. Para que funcione corretamente, siga à risca os passos abaixo.

### **Construtor por Componentes** <a href="#componentes" id="componentes"></a>

**Nº1–** Insira o seu vídeo do Youtube ou Vimeo no editor pelo [código iframe](https://suporte.love/iframe/). Caso não saiba fazer esse procedimento, [consulte este tutorial](https://suporte.love/componentes-videos-iframe/).&#x20;

**Nº2–** Dentro do iframe, localize o link do vídeo.&#x20;

**Nº3–** No final dele, depois do seu ID (o identificador do vídeo), insira o código do autoplay. Confira qual é o correto dependendo do lugar em que o vídeo foi hospedado:

**Youtube:**\
\
?autoplay=1\&mute=1\
**Vimeo:** ?autoplay=1\&muted=1

Em um vídeo do Youtube, ficaria similar a esse exemplo:&#x20;

[`<`](#user-content-fn-1)[^1]`iframe width="560" height="315" src="https://www.youtube.com/embed/RCLbZgIJhJY?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe`[`>`](#user-content-fn-1)[^1]<br>

Já em vídeos do Vimeo, pode ser gerado um **código extra** depois do seu ID no iframe. Nesse caso, identifique o ID (é o código numérico que vem depois da parte “video/”) e cole o código do autoplay **logo após ele**,\
como demonstramos abaixo:

[\<iframe src="https://player.vimeo.com/video/10036532&#x36;**?autoplay=1\&muted=1**?h=297a62510e"\
width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"\
allowfullscreen>\</iframe>](#user-content-fn-1)[^1]

O ID é a série de números sublinhados depois de "video/". Assim que o localizamos,\
logo após inserimos o código: **?autoplay=1\&muted=1** (em\
negrito no exemplo).

**Nº4–** Lembre-se de salvar as alterações.

![](https://suporte.love/wp-content/uploads/2022/12/img1-3-300x149.png)

**Suporte**

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante\
este procedimento, por favor, **entre em contato com o nosso suporte**!

[^1]: