tigtools

Gerador de código de incorporação do YouTube

Cole um link do YouTube, escolha as opções do player e copie o código iframe para o seu site. O modo responsivo preenche a largura do contêiner em 16:9.

Executado no seu navegador Sem cadastro

Vídeo

Reprodução

Um código de idioma como en, de ou pt-BR. Define o idioma da interface do player e, com as legendas ativadas, o idioma preferido das legendas.

Tamanho e página

Tamanho

O player ocupa toda a largura do contêiner e mantém o formato 16:9, usando a propriedade CSS aspect-ratio suportada pelos navegadores atuais.

Descreve o player para leitores de tela. Use o título do vídeo, se possível.

Código de incorporação

Cole um link de vídeo para obter o código de incorporação.

Como usar

  1. Cole o link do vídeo do YouTube ou seu ID de 11 caracteres.
  2. Defina os tempos de início e término e as opções de reprodução desejadas.
  3. Escolha responsivo ou um tamanho fixo e defina um título descritivo.
  4. Copie o HTML e cole-o na sua página ou no bloco HTML do seu construtor de sites. Use a opção Mostrar prévia para testar.

Como funciona

O código usa o player iframe padrão do YouTube. As opções tornam-se parâmetros de URL no endereço do player: start e end (segundos), autoplay, mute, loop com playlist, controls=0, cc_load_policy=1 para legendas, cc_lang_pref para o idioma das legendas e hl para o idioma do player. O modo de privacidade aprimorada troca o endereço para youtube-nocookie.com.

Algumas opções têm limites definidos pelo YouTube ou pelos navegadores. A reprodução automática só funciona quando o vídeo está sem som, por isso a ferramenta adiciona mute=1 com autoplay. Para repetir um único vídeo, o parâmetro playlist precisa ser definido com o mesmo ID do vídeo, e a ferramenta faz isso. As legendas só aparecem se o vídeo tiver legendas. Vídeos cujos donos desativaram a incorporação mostrarão um erro no player.

O modo responsivo envolve o iframe em uma caixa com aspect-ratio: 16 / 9 e width: 100%, para que ele se adapte à página sem o truque antigo de padding-bottom. O modo fixo grava os atributos width e height. O carregamento adiado (lazy loading) atrasa o player até que ele esteja próximo da parte visível da página.

Exemplos

Incorporação responsiva com privacidade

Configurações padrão: youtube-nocookie.com, responsivo 16:9 e lazy loading. Cole o trecho em qualquer página HTML.

Loop em estilo de fundo

Reprodução automática, repetição e sem controles resultam em …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Reproduzir apenas um trecho

Iniciar em 1:00 e parar em 2:30 gera start=60&end=150; assim, o player reproduz apenas esse trecho.

Perguntas frequentes

Por que meu vídeo incorporado não é reproduzido automaticamente com som?

Os navegadores bloqueiam a reprodução automática com som. A reprodução automática exige mute=1, que a ferramenta adiciona automaticamente; alguns navegadores ou configurações ainda podem bloqueá-la.

O que faz o modo de privacidade aprimorada?

Ele carrega o player de youtube-nocookie.com. De acordo com o YouTube, as informações dos visitantes não são armazenadas para personalização, a menos que eles reproduzam o vídeo.

Por que preciso de playlist= para repetição?

O parâmetro loop do YouTube só funciona com uma playlist. Definir playlist para o mesmo ID do vídeo faz um único vídeo se repetir.

O código gerado funciona no WordPress?

Sim. Cole-o em um bloco HTML personalizado. Alguns construtores de sites removem iframes por motivos de segurança; nesse caso, use o bloco de vídeo deles.

Privacidade

O código de incorporação é gerado no seu navegador e nada é enviado a lugar algum. Somente se você clicar em "Mostrar pré-visualização" o seu navegador carregará o player do YouTube (ou youtube-nocookie.com).