Como reproduzir automaticamente vídeos do YouTube incorporados

Principais conclusões

• Adicione autoplay=1&mute=1 ao URL de incorporação — os navegadores só permitem de forma fiável a reprodução automática sem som.

• Adicione playsinline=1 para o iPhone e allow="autoplay" ao iframe.

• Repita um único vídeo com loop=1&playlist=VIDEO_ID.

• Inicie a reprodução automática apenas quando o vídeo estiver visível ou quando um pop-up abrir.

O código de incorporação com reprodução automática

<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1&playsinline=1"
  title="YouTube video" allow="autoplay; encrypted-media; picture-in-picture"
  allowfullscreen></iframe>

Ou gere-o com o nosso gerador de código de incorporação do YouTube — ative Autoplay.

Reprodução automática e repetição

Para repetir, adicione loop=1&playlist=VIDEO_ID — o YouTube só repete um único vídeo quando o parâmetro playlist repete o seu ID.

Por que razão a reprodução automática do YouTube não funciona

• Falta mute=1.

• O iframe não tem allow="autoplay".

• O proprietário do vídeo desativou a incorporação.

• No iPhone, falta playsinline=1.

Reprodução automática numa galeria

A via sem código

Mostre um canal ou uma playlist do YouTube numa galeria; o vídeo selecionado é reproduzido no próprio local.

Experimente a Elfsight Video Gallery

Parâmetros do leitor do YouTube para reprodução automática e reprodução

Lista completa: Parâmetros do leitor incorporado do YouTube.

Reprodução automática apenas quando o vídeo entra na área visível

Reproduzir automaticamente um vídeo no fundo da página desperdiça largura de banda. Use a IFrame API e um IntersectionObserver para o iniciar apenas quando estiver visível:

<div id="yt"></div>
<script src="https://www.youtube.com/iframe_api"></script>
<script>
  let player;
  function onYouTubeIframeAPIReady() {
    player = new YT.Player("yt", {
      videoId: "VIDEO_ID",
      playerVars: { mute: 1, playsinline: 1, rel: 0 }
    });
    new IntersectionObserver(([e]) => {
      if (!player.playVideo) return;
      e.isIntersecting ? player.playVideo() : player.pauseVideo();
    }, { threshold: 0.5 }).observe(document.getElementById("yt"));
  }
</script>

Reprodução automática do YouTube no WordPress, Shopify, Wix e Squarespace

• WordPress: o bloco Embed não expõe a reprodução automática — cole um iframe com autoplay=1&mute=1 num bloco Custom HTML.

• Shopify: adicione o iframe a uma secção Custom Liquid.

• Wix: use Embed HTML com o código do iframe.

• Squarespace: use um bloco Code com o iframe.

O nosso gerador de código de incorporação do YouTube cria o iframe com os parâmetros certos.

Lista de verificação para resolver problemas

1. 1.

   Está sem som?

   Sem mute=1, a maioria dos navegadores bloqueia a reprodução automática.

2. 2.

   A reprodução automática é permitida no iframe?

   O atributo allow tem de incluir autoplay.

3. 3.

   Está dentro de um separador ou pop-up oculto?

   Os leitores que começam ocultos podem não reproduzir automaticamente; inicie-os quando forem mostrados.

4. 4.

   A incorporação é permitida?

   Alguns vídeos desativam a incorporação — não serão reproduzidos noutros sites.

5. 5.

   A página usa um aviso de cookies?

   As ferramentas de consentimento podem bloquear o YouTube até os visitantes aceitarem.

Boas práticas para a reprodução automática

• Reproduza automaticamente clipes curtos e silenciosos; deixe as pessoas iniciar os vídeos mais longos.

• Mostre legendas para que a reprodução automática sem som continue a comunicar.

• Evite vários vídeos com reprodução automática na mesma página.

Por que razão os navegadores bloqueiam a reprodução automática com som

O som inesperado é uma das queixas mais comuns sobre sites, por isso os navegadores restringem-no. O Chrome permite sempre a reprodução automática sem som e só permite som depois de o utilizador ter interagido com o site ou de ter um histórico de reprodução de multimédia nele. O Safari no iPhone e no iPad permite a reprodução automática sem som na página, mas não com som. A regra prática é simples: reproduza automaticamente sem som e deixe as pessoas ativá-lo. Contexto: Política de reprodução automática do Chrome.

Reprodução automática de uma playlist do YouTube

<iframe
  src="https://www.youtube.com/embed/videoseries?list=PLAYLIST_ID&autoplay=1&mute=1"
  title="YouTube playlist" allow="autoplay; encrypted-media" allowfullscreen></iframe>

O primeiro vídeo começa sem som e a playlist continua automaticamente.

Reprodução automática dentro de um pop-up ou modal

Não carregue o iframe até o pop-up abrir — caso contrário, é reproduzido oculto. Insira o iframe (ou chame playVideo() através da API) no manipulador de clique que abre o pop-up. Como o clique é um gesto do utilizador, muitos navegadores até permitem som. Remova ou pause o leitor quando o pop-up fechar.

Reprodução automática, velocidade e SEO

Uma incorporação com reprodução automática carrega o leitor do YouTube de imediato, o que aumenta o peso da página. Reserve a reprodução automática para momentos de destaque na parte visível sem deslocar e use carregamento diferido nas outras incorporações para que não compitam com o seu conteúdo principal. Os motores de pesquisa não premeiam a reprodução automática em si — premeiam as páginas onde as pessoas ficam.