Gerador de código de incorporação do YouTube
Gere código de incorporação iframe responsivo com tempo de início, reprodução automática e modo de privacidade
Entrada e opções
Roda no seu navegador. Os dados informados ficam neste dispositivo.
Resultados
Informe seus valores para ver o resultado.
Sobre o gerador de código de incorporação do YouTube gratuito
Nosso gerador de código de incorporação do YouTube gratuito transforma qualquer link do YouTube em HTML limpo e pronto para copiar em segundos. Cole uma URL de vídeo, um link curto youtu.be, um link de Shorts ou só o ID do vídeo, de 11 caracteres, e a ferramenta monta na hora um iframe válido com as opções de player que você escolher: tempo de início, reprodução automática, sem som, repetição, controles ocultos, modo de privacidade aprimorada e mais.
O grande destaque é o modo de incorporação responsiva do YouTube, ativado por padrão. Em vez de um iframe de largura fixa que estoura a tela em celulares, o gerador envolve o player em um contêiner com padding-bottom que mantém a proporção perfeita de 16:9 em qualquer largura de tela. É a mesma técnica usada por publishers profissionais, e funciona em todos os navegadores modernos sem nenhum JavaScript.
A privacidade também importa. Uma única caixa de seleção muda o código de incorporação para o domínio youtube-nocookie.com, de privacidade aprimorada do YouTube, que adia os cookies de rastreamento até o visitante realmente reproduzir o vídeo, uma exigência comum em sites preocupados com a LGPD e o GDPR. O carregamento lazy opcional adiciona o atributo loading="lazy", de modo que o iframe só carrega quando entra na área visível, melhorando a velocidade da página e as Core Web Vitals.
Principais recursos
- Aceita todos os formatos comuns de URL do YouTube: watch, youtu.be, Shorts, embed, live ou apenas o ID do vídeo
- Contêiner responsivo 16:9 ativado por padrão, para os vídeos se ajustarem a celular, tablet e computador
- Tamanhos fixos predefinidos (560x315, 640x360, 853x480, 1280x720) para quando você precisa de dimensões exatas
- Tempo de início em h:mm:ss, mm:ss ou segundos simples, convertido para o parâmetro start correto
- Opções de reprodução automática, sem som, repetição e controles ocultos, com o código regenerado ao vivo
- Modo de privacidade aprimorada com youtube-nocookie.com para reduzir o rastreamento por cookies
- Opção de carregamento lazy para páginas mais rápidas e melhores pontuações de Core Web Vitals
- Prévia do player ao vivo que se atualiza conforme você muda as opções (a reprodução automática fica desativada na prévia)
- Saída acessível, com atributo title e allowfullscreen em todo iframe
- Cópia para a área de transferência com um clique, sem cadastro, totalmente gratuito
Como usar o gerador de código de incorporação do YouTube
- Cole seu link: Coloque qualquer URL do YouTube ou ID de vídeo de 11 caracteres no campo. A ferramenta detecta o ID do vídeo automaticamente.
- Escolha as opções: Defina um tempo de início e ative reprodução automática, sem som, repetição, controles ocultos ou modo de privacidade aprimorada. O código é atualizado ao vivo.
- Defina o tamanho: Mantenha o contêiner responsivo para layouts fluidos, ou desative-o e selecione um tamanho fixo, como 560x315 ou 1280x720.
- Confira a prévia: O player ao vivo à direita mostra exatamente como sua incorporação vai se comportar, só sem a reprodução automática, para a página ficar em silêncio.
- Copie e cole: Clique em Copiar código e cole o HTML no seu site, no post do blog ou em um bloco HTML do seu CMS.
Casos de uso
- Blogueiros: Incorpore vídeos de tutoriais ou resenhas em posts de WordPress, Ghost ou sites estáticos com código responsivo, adequado para celular.
- Desenvolvedores web: Gere markup de iframe consistente e dentro dos padrões, com carregamento lazy, em vez de escrevê-lo à mão toda vez.
- Criadores de cursos: Incorpore aulas começando em um momento exato, para os alunos caírem sempre no ponto certo.
- Equipes de marketing: Adicione demonstrações de produtos às landing pages com controles ocultos para um visual mais limpo.
- Agências que cuidam de sites sujeitos ao GDPR: Entregue incorporações de privacidade aprimorada com youtube-nocookie.com para sites de clientes europeus.
- Redatores de documentação: Coloque vídeos de passo a passo em centrais de ajuda e bases de conhecimento sem quebrar o layout.
- Editores de newsletters: Monte incorporações para as versões web das newsletters nos casos em que há suporte a vídeo.
- Donos de pequenos negócios: Coloque um vídeo promocional em repetição e sem som na seção principal da página inicial sem contratar um desenvolvedor.
Perguntas frequentes
Esta ferramenta é gratuita?
Sim, o gerador de código de incorporação do YouTube é totalmente gratuito, sem cadastro, sem marcas d'água e sem limites de uso.
Meus dados estão seguros?
Sim. A ferramenta funciona inteiramente no seu navegador. Suas URLs e configurações nunca são enviadas aos nossos servidores, e nada é armazenado nem registrado.
Por que a reprodução automática também adiciona mute=1?
Chrome, Safari e Firefox bloqueiam a reprodução automática de vídeo com som. As incorporações do YouTube só iniciam automaticamente de forma confiável quando estão sem som, por isso o gerador adiciona mute=1 sempre que a reprodução automática está ativada. Os visitantes podem ativar o som com um clique.
Por que a repetição adiciona um parâmetro playlist?
Essa é uma exigência do YouTube. O parâmetro loop=1 só funciona em playlists, então, para repetir um único vídeo, é preciso passar playlist=VIDEO_ID com o mesmo ID. O gerador faz isso automaticamente.
Qual é a diferença entre incorporações responsivas e de tamanho fixo?
Um iframe de tamanho fixo sempre é exibido com as mesmas dimensões em pixels e pode estourar telas pequenas. A versão responsiva envolve o iframe em um contêiner com padding-bottom de 56,25 por cento (a proporção 16:9), de modo que o player preenche o elemento pai e se ajusta suavemente em qualquer dispositivo.
O modo de privacidade aprimorada muda a forma como o vídeo é reproduzido?
Não. O player tem a mesma aparência e o mesmo comportamento. O domínio youtube-nocookie.com apenas impede que o YouTube defina cookies de rastreamento até o visitante iniciar a reprodução, o que ajuda na conformidade com o GDPR e com o consentimento de cookies.
Dicas e boas práticas
- Mantenha o contêiner responsivo ativado: Mais da metade do tráfego da web vem de celulares, e um iframe fixo de 560px estoura a tela da maioria deles.
- Use carregamento lazy abaixo da dobra: Cada iframe do YouTube puxa centenas de kilobytes. O loading="lazy" adia esse custo até o player realmente ficar visível.
- Defina um tempo de início em vídeos longos: Levar o espectador direto ao momento relevante reduz a taxa de rejeição e o mantém assistindo ao seu conteúdo.
- Prefira o modo de privacidade aprimorada: Não há desvantagem para os espectadores, e ele simplifica o tratamento do consentimento de cookies em sites com tráfego da UE.
- Mantenha o atributo title: Leitores de tela o anunciam, e auditorias de acessibilidade como o Lighthouse sinalizam iframes sem ele.
- Teste depois de colar: Alguns editores de CMS removem iframes no modo visual. Cole o código em um bloco de HTML ou de código para mantê-lo intacto.