# 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.

<img src="https://suporte.love/wp-content/uploads/2022/12/img1-3-300x149.png" alt="" height="333" width="670">

**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]:


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://central.ajudaleadlovers.com/paginas/construtores-leadlovers/construtor-de-paginas/como-colocar-autoplay-em-um-video-do-youtube-ou-vimeo-no-editor-componentes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.