Pular para o conteúdo

Incorporar vídeo do YouTube

Cole um link do YouTube e receba um código de incorporação que se ajusta à tela e carrega rápido.

Proporção

Carrega primeiro uma miniatura e o player do YouTube só ao clicar: páginas muito mais rápidas.

Opções
px
Estilo do código
Avançado

Só para navegadores muito antigos ou CMSs que removem o estilo aspect-ratio.

Prévia
Cole um link do YouTube para ver a prévia

A pré-visualização é carregada do YouTube. Se mostrar «Video unavailable», o proprietário pode ter desativado a incorporação.

Código

    

Funciona no seu navegador: seus dados não são enviados.

Como usar

  1. Cole o link do YouTube no campo de entrada.
  2. Escolha o formato do vídeo em Proporção.
  3. Em Estilo do código, selecione Estilos inline ou Classe CSS.
  4. Clique em Copiar código e cole o código no HTML do seu site ou blog.

Exemplos

Vídeo para blog, começando em 1:30

Entrada
https://youtu.be/hcm55lU9knw?t=1m30s
Saída
<style>.yt-embed{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;max-width:800px;margin:0 auto}</style>
<iframe class="yt-embed" src="https://www.youtube-nocookie.com/embed/hcm55lU9knw?start=90&amp;rel=0&amp;playsinline=1" srcdoc="&lt;style&gt;*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}img{height:100%;object-fit:cover}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:#fff;text-shadow:0 0 .5em #000}&lt;/style&gt;&lt;a href='https://www.youtube-nocookie.com/embed/hcm55lU9knw?start=90&amp;amp;autoplay=1&amp;amp;rel=0&amp;amp;playsinline=1' aria-label='Play: YouTube video player'&gt;&lt;img src='https://i.ytimg.com/vi/hcm55lU9knw/hqdefault.jpg' alt='YouTube video player' loading='lazy'&gt;&lt;span&gt;▶&lt;/span&gt;&lt;/a&gt;" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Vídeo em repetição para uma página de evento

Entrada
https://www.youtube.com/watch?v=hcm55lU9knw
Saída
<iframe src="https://www.youtube-nocookie.com/embed/hcm55lU9knw?autoplay=1&amp;mute=1&amp;loop=1&amp;playlist=hcm55lU9knw&amp;controls=0&amp;rel=0&amp;playsinline=1" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;"></iframe>

Perguntas frequentes

Como incorporar uma playlist do YouTube no site?

Cole o link da playlist com o parâmetro list=. Para links que contêm apenas a playlist, Carregar ao clicar (leve) fica indisponível e o código usa o player de playlists.

O modo de privacidade impede qualquer conexão com o YouTube?

Modo de privacidade aprimorada (youtube-nocookie.com) troca o domínio do player, mas não elimina as conexões externas. Com Carregar ao clicar (leve), a miniatura vem de i.ytimg.com imediatamente e o player só carrega após o clique; sem essa opção, o iframe do player é inserido diretamente, com carregamento lazy se ativado.

Por que aparece “Vídeo indisponível” na prévia?

A ferramenta gera o código, mas não verifica se o vídeo existe ou permite incorporação. Confira essas condições no YouTube.

Meu link do YouTube é enviado para o servidor?

O código é gerado no seu navegador, sem enviar o link ao servidor do site. As opções ficam salvas no localStorage; o link, o título e os tempos não são salvos.