Como incorporar um vídeo do YouTube no WordPress (guia passo a passo)

Publicados: 2021-10-10

Quando você incorpora um vídeo do YouTube no conteúdo do WordPress, isso pode ajudar a envolver seus leitores, aumentar o tempo gasto na página e fornecer uma experiência melhor para os usuários.

Existem várias maneiras de incorporar vídeos em conteúdo no WordPress. Neste tutorial passo a passo, mostraremos cada método. No final do guia, você saberá exatamente como incluir vídeos do YouTube em suas postagens e páginas do WordPress e como fazê-los parecer e funcionar da maneira que você deseja.

Dentro deste artigo

    Método 1: usando recortar e colar para incorporar vídeos do YouTube

    Começaremos com o método mais simples, que envolve simplesmente colar o URL do vídeo do YouTube em seu conteúdo.

    Se você estiver usando o editor de blocos do WordPress, ele detectará automaticamente que você colou um link de vídeo e o converterá no bloco apropriado.

    Etapa 1: copie o URL do vídeo

    A maneira mais fácil de fazer isso é selecionando o URL inteiro na barra de endereços do navegador e pressionando CTRL+C em um PC ou Command+C em um Mac (ou clicando com o botão direito do mouse/clique com 2 dedos para abrir o menu contextual e selecionando “Copiar”.

    Copiando URL do YouTube

    Você também pode rolar para baixo até o vídeo e clicar no link "Compartilhar". Um pop-up aparecerá com o URL e links para compartilhamento nas mídias sociais. Há também uma opção “Incorporar”, mas você pode ignorá-la por enquanto.

    Como incorporar um vídeo do YouTube no WordPress começando em um horário específico

    Dica útil: se você usar o link do pop-up de compartilhamento do YouTube, poderá optar por iniciar seu vídeo do YouTube incorporado em um carimbo de data/hora específico.

    Basta pausar o vídeo no local desejado antes de clicar no link Compartilhar para abrir um pop-up com opções de compartilhamento. Em seguida, marque a caixa ao lado de “Iniciar às 2:18” (ou a qualquer hora que você pausou o vídeo) antes de clicar em “COPIAR” para copiar o link. Isso adicionará um parâmetro ao URL para iniciá-lo no momento em que você estiver pausado.

    Como incorporar vídeos do YouTube começando em um horário específico

    Etapa 2: cole o URL em seu conteúdo

    Depois de copiar o URL do vídeo, basta colá-lo em seu conteúdo. Clique onde diz “Comece a escrever ou digite / para escolher um bloco” e pressione CTRL-P/Command-P ou clique com o botão direito e selecione “Colar”.

    Colando o URL do YouTube no WordPRess

    O WordPress detectará que você colou um link de vídeo do YouTube e o converterá automaticamente em um bloco do YouTube.

    Bloqueio do WordPress no YouTube

    Método 2: usando o bloco do YouTube

    A segunda maneira de incorporar um vídeo do YouTube em uma postagem do WordPress é criar você mesmo um bloco do YouTube.

    Etapa 1: copie o URL do vídeo do YouTube

    Este método começa exatamente da mesma maneira que o método de copiar e colar: copie o URL do vídeo que você deseja incorporar na barra de URL do seu navegador ou no pop-up “Compartilhar” do YouTube.

    Etapa 2: criar um bloco do YouTube

    Existem duas maneiras de adicionar um novo bloco ao seu conteúdo do WordPress. Escolha o que preferir.

    Você pode clicar no ícone +, que abrirá um pop-up onde você pode procurar ou pesquisar um tipo de bloco.

    Adicionando o bloco do YouTube do WordPress

    Clique na opção “YouTube” para criar um bloco do YouTube. Você pode ter que procurá-lo se não estiver imediatamente visível.

    Ou, se você preferir trabalhar completamente pelo teclado em vez de clicar no mouse ou no trackpad, digite “/” para exibir uma lista de blocos comuns, use as teclas de seta para rolar até a opção YouTube e pressione Enter para criar o YouTube quadra.

    Adicionando o bloco do Youtube (método de teclado)

    Etapa 3: cole o URL do YouTube

    Clique onde diz “Digite o URL para incorporar aqui…” e pressione CTRL-P/Command-P ou clique com o botão direito do mouse e selecione “Colar” para colar o URL no bloco do YouTube e clique no botão “Incorporar”.

    Colando no URL do YouTube

    Depois que o vídeo for incorporado, você verá como ele ficará em seu conteúdo.

    Visualização do bloco do YouTube

    Método 3: usando o bloco de vídeo

    Você também pode usar o bloco de vídeo do WordPress para incorporar vídeos do YouTube em suas postagens e páginas. Não há motivo para usar esse bloco no bloco de vídeo do YouTube, mas se você tiver um vídeo auto-hospedado existente ou um vídeo de outro site que deseja alterar para um vídeo do YouTube, poderá editar o bloco para inserir o URL do YouTube.

    Etapa 1: copie o URL do YouTube

    Copie o URL do YouTube da barra de endereços do seu navegador ou do pop-up "Compartilhar" do YouTube, exatamente como os dois métodos anteriores começaram.

    Etapa 2: encontre o bloco de vídeo do WordPress

    Clique no ícone + e digite “vídeo” no pop-up resultante para encontrar o bloco de vídeo

    bloco de vídeo do WordPress

    Etapa 3: criar um bloco de vídeo

    Clique na opção “Vídeo” para criar um bloco de vídeo. Clique na opção “Inserir do URL”.

    inserindo um vídeo do URL

    Etapa 4: cole o URL do vídeo do YouTube

    Cole o URL do YouTube que você copiou anteriormente no campo que aparece e pressione enter. O WordPress criará um bloco do YouTube exibindo o vídeo.

    Você também pode usar esse método para incorporar vídeos de outros sites.

    Método 4. Incorporando um vídeo do YouTube com um iframe

    Há outra maneira de incorporar vídeos do YouTube em suas postagens e páginas que é um pouco mais técnica, mas pode ser uma alternativa para tentar se as incorporações padrão não estiverem funcionando.

    Você também tem mais controle sobre como seu vídeo aparece com esse método se estiver satisfeito com a edição do código.

    Mas esteja ciente – incorporar vídeos dessa maneira pode entrar em conflito com o seu tema e atrapalhar a formatação do seu conteúdo. Portanto, pense nisso como um último recurso depois de tentar outras maneiras.

    Etapa 1: copie o código de incorporação do YouTube

    Você precisa de mais do que o URL do vídeo para incorporar um vídeo do YouTube dessa maneira. Felizmente, o YouTube fornece o código que você precisa.

    Encontre o vídeo que você deseja vincular no YouTube e clique no link "Compartilhar" abaixo do vídeo. Clique na opção “Incorporar”.

    Opção de incorporação do Youtube

    Isso exibirá uma visualização do vídeo e o código para incorporá-lo como um iframe. Clique em “COPIAR” para copiar o código.

    Copiando o código ifram de incorporação do Youtube

    Etapa 2: adicione um bloco HTML personalizado à sua postagem ou página do WordPress

    De volta ao seu painel do WordPress, clique no ícone + para adicionar um novo bloco como nas etapas anteriores.

    Pesquise por “HTML personalizado” e selecione o bloco para adicioná-lo ao seu conteúdo.

    Bloco HTML personalizado

    Etapa 3: cole o código de incorporação do YouTube

    Use CTRL-P/Command-P para colar o código que você acabou de copiar do WordPress no bloco.

    PAsting no código de incorporação do YouTube

    Se você clicar na opção "Visualizar" acima do código, poderá ver o vídeo incorporado.

    Visualização do vídeo incorporado

    Método 5: Como incorporar um vídeo do YouTube como um widget da barra lateral do WordPress

    Você pode colar URLs do YouTube em widgets da mesma forma que pode na página e postar conteúdo.

    Se você deseja incorporar um vídeo do YouTube na barra lateral, rodapé ou outro local do seu site WordPress, você pode adicioná-lo como um widget.

    Etapa 1: copie o URL do vídeo do YouTube

    Assim como na maioria dos outros métodos de incorporação, comece encontrando o vídeo que você deseja vincular no YouTube e copie o URL do vídeo.

    Etapa 2: adicione um widget de texto ao seu site WordPress

    Vá para Aparência > Widgets no painel do WordPress e arraste um novo widget de texto para a barra lateral ou qualquer outra área de widget.

    Adicionando widget de texto à barra lateral

    Etapa 3: cole o URL do vídeo no widget de texto

    Certifique-se de que a guia “Visual” da área de conteúdo principal esteja selecionada em vez de “Texto”. Cole o URL do vídeo do YouTube na área de conteúdo principal do widget.

    Se a incorporação funcionar, você deverá ver imediatamente o vídeo como ele aparecerá em seu site.

    incorporando vídeo do YouTube no widget da barra lateral

    Você também pode adicionar um título para o widget, se desejar.

    Etapa 4: salve o widget

    Certifique-se de clicar no botão “Salvar” na parte inferior do widget para publicar suas alterações. Agora você poderá visualizar o vídeo na área do widget da barra lateral no front-end do seu site.

    Como é o widget do YouTube

    Método 6: Use um plug-in de incorporação de vídeo do WordPress

    Você não precisa usar um plugin para incorporar vídeos do YouTube no WordPress. No entanto, os plugins podem oferecer opções extras de visualização e recursos avançados.

    Alguns plugins que você pode querer experimentar incluem:

    Incorporar mais para o YouTube

    EmbedPlus para YouTube

    O Embed Plus permite incorporar uma galeria de vídeos do YouTube de um canal ou lista de reprodução. Você pode escolher entre vários layouts de galeria e, opcionalmente, reproduzir vídeos em um lightbox. Você também pode incorporar bate-papo ao vivo e transmissões ao vivo em seu site WordPress.

    Há também opções mais avançadas para exibir e reproduzir vídeos do YouTube, incluindo mostrar ou ocultar controles do player, reprodução automática de vídeos, ativar ou desativar legendas por padrão, vídeos em loop e muito mais.

    Preço: Grátis para a versão básica, plugin Premium a partir de $ 39,99

    Obtenha o Embed Plus para o YouTube

    Smash Balloon Feeds para o YouTube Pro

    Smash Balloon Feeds para o YouTube

    O plug-in do YouTube Smash Balloon facilita a criação de feeds do YouTube com estilo bonito em seu site com recursos que incluem pesquisa de vídeo, ações personalizadas de pausa e término, transmissão ao vivo e muito mais.

    O plug-in inclui um bloco Gutenberg, por isso é rápido adicionar feeds do YouTube diretamente do editor de blocos, e há uma variedade de layouts de feed e opções de personalização para estilizar feeds da maneira que você quiser.

    Preço: $ 49

    Obter feeds do YouTube do Smash Balloon

    YotuWP Easy YouTube Embed

    Galeria de vídeos YotuWP

    YotoWP é um plugin de galeria de vídeos para WordPress que facilita a criação de belas galerias para seus vídeos do YouTube com opções para importar vários vídeos por playlist ou canal.

    O plug-in foi projetado para carregamento rápido e fácil personalização com uma escolha de 5 estilos de miniaturas, pop-ups de caixa de luz de vídeo, layout de galeria de vídeos com grande player, animações em miniatura e muito mais.

    Preço: Grátis para recursos básicos, US$ 21 para recursos premium

    Obtenha o plug-in da galeria de vídeos YotoWP

    WP YouTube Lyte

    Se você incorporar vários vídeos em uma de suas páginas de conteúdo do WordPress, isso pode diminuir significativamente a velocidade da página. Isso ocorre porque cada vídeo carrega scripts externos do YouTube.

    O plug-in WP YouTube Lyte permite que você “carregue lentamente” vídeos do YouTube para que o script seja carregado apenas quando o vídeo for reproduzido. Isso pode reduzir significativamente o tempo de carregamento da página e acelerar seu site.

    Preço: Gratuito

    Obtenha o WP YouTube Lyte

    Bloco de vídeo avançado de blocos PublishPress

    PublishPress bloqueia o bloco de vídeo avançado

    O PublishPress Blocks não é realmente um plug-in de incorporação de vídeo. É uma coleção de blocos Gutenberg que você pode adicionar aos blocos básicos do WordPress para opções extras de estilo e formatação para vários tipos de conteúdo.

    O plugin inclui blocos para botões, imagens, formulários, tabelas e outros elementos de conteúdo, bem como blocos de vídeo.

    Você pode usar o bloco de vídeo avançado para incorporar vídeos do YouTube e do Vimeo. Você pode optar por reproduzir vídeos em uma caixa de luz, ajustar o tamanho do vídeo e alterar as configurações de cor e reproduzir o estilo e o tamanho do botão.

    Preço: $ 99 incluindo o tema PublishPress e todos os plugins PublishPress para agendamento de conteúdo e gerenciamento de autores, permissões e revisões. Este pacote é ideal para melhorar o processo de publicação de conteúdo para sites maiores com vários autores.

    Visite os blocos do PublishPress

    Perguntas frequentes sobre incorporações de vídeo do YouTube

    Qual método de incorporação de vídeos do YouTube é melhor?

    Todos os três primeiros métodos têm o mesmo resultado (criar um bloco do YouTube com o vídeo incorporado), então você pode usar o método que achar mais fácil. (Recomendo o método básico de recortar e colar!)

    Se você quiser controles de reprodução ou opções de exibição mais avançados, experimente um dos plug-ins de incorporação de vídeo para obter recursos extras de incorporação de vídeo.

    Esses métodos funcionarão com vídeos em outros sites como o Vimeo?

    Sim. O WordPress suporta incorporações de vídeo de sites, incluindo:

    - Amazonas
    – VideoPress
    - Youtube
    – Vimeo
    – Animato
    – Movimento Diário
    – TikTok
    – TED
    – WordPress.tv
    – Nuvem
    – Flickr
    – Tumblr

    Se você colar um link de vídeo de qualquer um desses sites em seu conteúdo ou usar o bloco de vídeo, o WordPress o converterá no bloco apropriado e incorporará o vídeo automaticamente.

    Como posso escrever uma legenda?

    O bloco do YouTube inclui uma legenda opcional. Basta clicar abaixo do vídeo depois de incorporar e digitar o prompt “Escrever legenda…”.

    Como posso alterar o tamanho de um vídeo incorporado do YouTube no WordPress

    Se você clicar no ícone de alinhamento na barra de ferramentas acima do bloco do YouTube, poderá ajustar o alinhamento do vídeo, que também ajusta seu tamanho. Alinhar o vídeo à esquerda ou à direita o tornará menor.
    Alinhamento de blocos do YouTube
    No entanto, para ter mais controle sobre o tamanho do vídeo, você precisará usar um plug-in, usar o método de incorporação de iframe e editar o código para ajustar o tamanho do vídeo ou usar CSS personalizado para ajustar o tamanho.

    Como incorporar usando o editor clássico?

    Estas instruções são para usar o editor de blocos Gutenberg, mas você pode usar o mesmo método de recortar e colar para incorporar vídeos do YouTube no editor clássico do WordPress.
    Basta copiar e colar o URL no editor na visualização visual e você deverá ver uma prévia do seu vídeo.

    Por que não consigo incorporar vídeos do YouTube no WordPress?

    Se a incorporação do seu vídeo não estiver funcionando, pode haver alguns motivos.

    Primeiro, verifique o link que você copiou colando-o em um navegador. Você só pode incorporar vídeos padrão do YouTube com o bloco do YouTube do WordPress e não pode vincular a canais do YouTube.

    Você também pode tentar copiar o link do pop-up YouTube Share se for diferente do link na barra de endereços do navegador.

    Se você tiver certeza de que o link está correto, tente usar o método de incorporação de vídeo iframe acima. Às vezes, esse método funciona quando as incorporações de vídeo padrão falham.

    Às vezes, as incorporações de vídeo não funcionam porque o criador desativou a incorporação ou as configurações de privacidade não permitem o compartilhamento. Se este for o caso, você terá que encontrar um vídeo diferente.

    Se você não conseguir incorporar nenhum vídeo, um plug-in pode estar desabilitando o recurso de incorporação do WordPress. Tente desabilitar seus plugins um por um para ver se algum deles está causando o problema.

    Devo enviar meus próprios vídeos para o WordPress ou YouTube?

    Embora você possa enviar vídeos diretamente para o WordPress e hospedá-los em seu próprio site, não recomendamos isso na maioria dos casos.

    Os vídeos ocupam muito espaço em disco e largura de banda. O YouTube é otimizado para vídeos para que eles carreguem rapidamente e não haja muito buffer, desde que a velocidade da sua conexão seja razoável.

    Se você hospedar vídeos em seu próprio site, eles podem demorar para carregar, parar de reproduzir após alguns segundos ou não funcionar em alguns dispositivos. Os vídeos também consomem os recursos do servidor e muitas solicitações ao seu site podem tornar tudo mais lento. Sites que hospedam muitos vídeos geralmente precisam pagar grandes contas de hospedagem por espaço de serviço extra e largura de banda.

    Pensamentos finais

    Espero que este guia tenha ajudado você a incorporar um vídeo do YouTube em seu site. É muito fácil de fazer no WordPress! Alguma outra dúvida ou dica? Vá em frente e deixe-os nos comentários!