Incorporador de vídeo do YouTube

A opção de compartilhamento > incorporação integrada do YouTube fornece um código `<iframe>` básico. Funciona. Mas não lhe dá controle sobre o comportamento do jogador.

Esta ferramenta gera código incorporado com opções configuráveis ​​que o botão de compartilhamento nativo não expõe facilmente:

Reprodução automática: escolha se o vídeo começa a ser reproduzido imediatamente quando a página é carregada. Útil para landing pages com cartas de vendas em vídeo. Evite-o para conteúdo de artigos em que a reprodução automática irrita os leitores.

Loop: se o vídeo se repete automaticamente. Útil para loops de demonstração ou vídeos de fundo. Quase nunca é útil para incorporações de conteúdo padrão.

Controles: Mostrar ou ocultar os controles do player (reproduzir, pausar, volume, tela cheia). Ocultar controles é útil para experiências de vídeo guiadas nas quais você não deseja que os espectadores pulem para outras partes do vídeo.

Hora de início: Link direto para um ponto específico do vídeo. Se você estiver incorporando um tutorial longo e seu artigo fizer referência apenas à parte que começa em 3:45, você poderá iniciar a incorporação aí.

Modo de privacidade aprimorada: use `youtube-nocookie.com` em vez do domínio padrão do YouTube. Isso significa que o YouTube não armazenará dados de navegação dos visitantes do seu site, a menos que eles realmente cliquem em reproduzir. Uma consideração para a conformidade com o GDPR.

Etapa 1: Copie o URL do vídeo do YouTube que você deseja incorporar.

Etapa 2: Cole-o nesta ferramenta.

Etapa 3: Defina seus parâmetros opcionais: hora de início, ativação/desativação da reprodução automática, ativação/desativação de controles, ativação/desativação de loop.

Etapa 4: Copie o código `<iframe>` gerado e cole-o no HTML do seu site.

Por padrão, o código de incorporação do YouTube especifica dimensões fixas em pixels (560 x 315). Em dispositivos móveis, isso produz um player de tamanho fixo que transborda ou parece desalinhado.

Para tornar sua incorporação responsiva (escala para qualquer tamanho de tela), envolva o `<iframe>` em uma div com este CSS:

```css .video-wrapper { position: relative; padding-bottom: 56.25%; / 16:9 aspect ratio / height: 0; overflow: hidden; }

.iframe do wrapper de vídeo { posição: absoluta; superior: 0; esquerda: 0; largura: 100%; altura: 100%; } ```

Em seguida, envolva a tag `<iframe>` assim: ```html <div class="vídeo-wrapper"> [seu código iframe aqui] </div> ```

Todos os principais construtores de sites (WordPress, Squarespace, Webflow, Wix) também possuem elementos de bloco de vídeo nativos que controlam o dimensionamento responsivo automaticamente. Mas se você estiver adicionando código incorporado a uma seção personalizada, o wrapper CSS acima é a abordagem correta.

Incorporar um vídeo do YouTube no meu site ajuda no desempenho do vídeo no YouTube?

As visualizações incorporadas contam como visualizações no YouTube. Se os espectadores assistirem ao vídeo incorporado em seu site, esse envolvimento será contabilizado nas análises do YouTube. Ele também é creditado em seu canal, o que pode ajudar a posição geral de seu canal no algoritmo.

Posso incorporar um vídeo do YouTube em um boletim informativo ou e-mail?

Não. Os clientes de e-mail não suportam incorporações `<iframe>` - eles são bloqueados por motivos de segurança. A abordagem padrão é usar uma imagem em miniatura vinculada ao vídeo do YouTube. Clicar na imagem leva o leitor ao YouTube para assistir.

O modo de privacidade aprimorada afeta o desempenho do vídeo?

Não. Os vídeos incorporados ao domínio `youtube-nocookie.com` funcionam de forma idêntica do ponto de vista do espectador. A diferença é o comportamento de armazenamento de dados para visitantes que não interagem com o player.

Posso incorporar vídeos não listados do YouTube?

Sim. Os vídeos não listados podem ser incorporados e funcionar normalmente. Vídeos privados não podem ser incorporados.

Incorporar um vídeo do YouTube deixará meu site lento?

Os iframes do YouTube são carregados independentemente da sua página, mas o script do player do YouTube adiciona algum tempo de carregamento. Se a velocidade da página for crítica, use uma imagem em miniatura vinculada ao YouTube para posicionamento acima da dobra e carregue o iframe somente com um clique.

Aqui está um caso de uso que muitos criadores ignoram: incorporar seus vídeos do YouTube em suas próprias postagens de blog ou conteúdo de site.

Quando alguém encontra a postagem do seu blog por meio da pesquisa do Google, lê-a e assiste ao vídeo incorporado do YouTube - essa é uma visão que o YouTube atribui ao seu canal. Se eles se envolverem (assistir a maior parte, curtir ou comentar), esses são fortes sinais de envolvimento que ajudam o vídeo a ter uma classificação mais elevada na pesquisa do próprio YouTube.

Seu blog é uma fonte de tráfego de pesquisa que gera sinais de engajamento no YouTube. Essa combinação é poderosa: o SEO do Google traz o espectador, o algoritmo do YouTube amplifica o vídeo por causa da alta taxa de engajamento.

Se você tiver conteúdo de blog relacionado a algum de seus vídeos do YouTube, adicione o arquivo embed. Demora 2 minutos e cria um canal de distribuição que aumenta com o tempo.