{"id":368178,"date":"2023-05-16T15:59:00","date_gmt":"2023-05-16T12:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368178"},"modified":"2023-05-16T15:59:15","modified_gmt":"2023-05-16T12:59:15","slug":"como-incorporar-um-video-do-youtube-no-wordpress-com-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-incorporar-um-video-do-youtube-no-wordpress-com-gutenberg\/","title":{"rendered":"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg"},"content":{"rendered":"\n<p>Seja qual for o motivo pelo qual voc\u00ea est\u00e1 executando um site, voc\u00ea naturalmente apreciaria ter seu p\u00fablico mais engajado, pois o engajamento deles pode trazer muitos benef\u00edcios. <strong>Uma das melhores e mais naturais maneiras de inspirar os visitantes do seu site a ficarem mais tempo em uma determinada p\u00e1gina e interagirem \u00e9 ter v\u00eddeos de qualidade exibidos em p\u00e1ginas estrategicamente escolhidas<\/strong>. Muitos optam por incorporar v\u00eddeos em sua p\u00e1gina inicial ou <a href=\"https:\/\/themewp.inform.click\/pt-pt\/5-plug-ins-de-fundo-de-video-do-wordpress-para-2022\/\" title=\"definir um v\u00eddeo como plano de fundo\">definir um v\u00eddeo como plano de fundo<\/a> e isso n\u00e3o \u00e9 sem um bom motivo. Materiais de m\u00eddia divertidos, educativos, inspiradores, informativos ou instrutivos t\u00eam um enorme impacto na imagem do seu site e podem at\u00e9 influenciar suas taxas de convers\u00e3o.<\/p>\n<p>Se voc\u00ea est\u00e1 se perguntando onde obter esses tipos de v\u00eddeos em seu pr\u00f3prio site, a resposta \u00e9 simples \u2013 voc\u00ea pode <strong>incorporar v\u00eddeos do YouTube ou enviar seus pr\u00f3prios v\u00eddeos<\/strong>. E, n\u00e3o importa qual seja sua escolha, adicionar um v\u00eddeo ao WordPress \u00e9 simples e requer zero conhecimento de codifica\u00e7\u00e3o. Neste artigo, mostraremos passo a passo como adicionar v\u00eddeos de tr\u00eas maneiras diferentes:<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/7ZrpyV8dcIw\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Incorporando um v\u00eddeo do YouTube no Editor cl\u00e1ssico<\/h2>\n<p>Aqui est\u00e3o as etapas para a maneira mais f\u00e1cil de incorporar um v\u00eddeo do YouTube:<\/p>\n<ol>\n<li>Primeiro, fa\u00e7a login no seu WordPress. Em seguida, v\u00e1 para a p\u00e1gina\/post \u00e0 qual deseja adicionar o v\u00eddeo e <strong>encontre um local onde deseja adicion\u00e1-lo<\/strong> em seu conte\u00fado.<\/li>\n<li>Acesse o YouTube, encontre o v\u00eddeo que deseja adicionar e <strong>use o URL completo<\/strong> na barra de localiza\u00e7\u00e3o do seu navegador:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bbf3c3c.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<p>A outra maneira de copiar seu URL \u00e9 selecionar a op\u00e7\u00e3o Compartilhar abaixo. Depois, basta clicar no bot\u00e3o Copiar e voc\u00ea copiou com sucesso o URL do v\u00eddeo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62bfd9576.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<p>Temos que notar que existe uma op\u00e7\u00e3o incr\u00edvel que permite que voc\u00ea <strong>defina seu v\u00eddeo para come\u00e7ar em um determinado ponto<\/strong>. Basta marcar a caixa Iniciar em e adicionar a hora em que voc\u00ea deseja que seu v\u00eddeo comece.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c2a22ed.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<ol start=\"3\">\n<li>Agora, volte para sua p\u00e1gina\/post e simplesmente <strong>cole o endere\u00e7o URL<\/strong> (par\u00e1grafo em branco \u00e9 um \u00f3timo lugar para fazer isso), e a visualiza\u00e7\u00e3o do v\u00eddeo aparecer\u00e1. Assim:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c4c28aa.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<ol start=\"4\">\n<li>Agora, tudo o que resta a fazer \u00e9 clicar no bot\u00e3o Atualizar e seu <strong>v\u00eddeo finalmente estar\u00e1 ao vivo<\/strong> e aparecer\u00e1 em sua p\u00e1gina ou postagem.<\/li>\n<\/ol>\n<p>Se voc\u00ea precisar de <strong>op\u00e7\u00f5es mais avan\u00e7adas<\/strong>, como alterar o tamanho de exibi\u00e7\u00e3o do seu v\u00eddeo, veja outra maneira de adicion\u00e1-lo:<\/p>\n<ol>\n<li>Selecione o bot\u00e3o Compartilhar localizado abaixo do seu v\u00eddeo. Isso far\u00e1 com que a op\u00e7\u00e3o YouTube Embed apare\u00e7a.<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c6ef6a1.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62c999981.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<ol start=\"3\">\n<li>Cole-o aqui (certifique-se de usar o modo de edi\u00e7\u00e3o de texto):<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62cc45630.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<ol start=\"4\">\n<li>Aperte o bot\u00e3o Atualizar e pronto! Agora voc\u00ea pode <strong>editar a largura e a altura do v\u00eddeo<\/strong>. Voc\u00ea pode encontr\u00e1-lo no c\u00f3digo HTML que voc\u00ea copiou.<\/li>\n<\/ol>\n<h2>Incorporando um v\u00eddeo do YouTube em Gutenberg<\/h2>\n<p>O editor Gutenberg vem com blocos de incorpora\u00e7\u00e3o que permitem inserir conte\u00fado de outras fontes, incluindo v\u00eddeos. H\u00e1 tamb\u00e9m um <strong>bloco espec\u00edfico para v\u00eddeos do YouTube<\/strong>, que voc\u00ea pode encontrar na sua lista de bloqueios do Gutenberg.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62ce55d4d.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<p>Voc\u00ea deve saber que o <strong>bloqueio do YouTube s\u00f3 permite inserir a URL do v\u00eddeo<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d09aeac.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d3a5299.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<h2>Incorporando um v\u00eddeo do YouTube no Elementor<\/h2>\n<p>A Elementor oferece <strong>duas maneiras diferentes de adicionar um v\u00eddeo<\/strong>. Uma forma \u00e9 usar o <strong>Bloco de Editor de Texto<\/strong> e a outra \u00e9 usar o <strong>Bloco de V\u00eddeo<\/strong>, que \u00e9 feito especificamente para esta finalidade e, portanto, \u00e9 mais apropriado para v\u00eddeos do YouTube, mas as duas formas permitem que voc\u00ea incorpore v\u00eddeos \u00e0 sua p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d61e376.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<p>Depois de clicar em Editar com Elementor, escolha o bloco Editor de texto e arraste e solte-o na \u00e1rea de conte\u00fado. Em seguida, v\u00e1 para o v\u00eddeo que deseja adicionar e <strong>copie o URL completo na barra de localiza\u00e7\u00e3o do seu navegador<\/strong> e pronto.<\/p>\n<p>Outra maneira de adicionar v\u00eddeo com o Editor de Texto \u00e9 selecionar a op\u00e7\u00e3o de incorpora\u00e7\u00e3o e clicar no bot\u00e3o Copiar, e voc\u00ea copiou com sucesso o URL do v\u00eddeo. Basicamente, <strong>voc\u00ea adiciona v\u00eddeo usando o Elementor Text Editor da mesma forma que adiciona v\u00eddeo com o Classic Editor<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62d90bab4.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<p>Se voc\u00ea optar por usar o bloco V\u00eddeo, que <strong>tamb\u00e9m permite adicionar v\u00eddeos do Vimeo, dailymotion ou at\u00e9 v\u00eddeos auto-hospedados<\/strong>, tamb\u00e9m encontrar\u00e1 algumas op\u00e7\u00f5es mais convenientes para reproduzir o v\u00eddeo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62db328fd.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<p>Voc\u00ea come\u00e7a escolhendo a op\u00e7\u00e3o Editar com Elementor e, em seguida, seleciona o bloco V\u00eddeo e arrasta e solta na \u00e1rea de conte\u00fado. No menu \u00e0 esquerda voc\u00ea ver\u00e1 duas guias, escolha a guia de conte\u00fado.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-331123-633e62dd44931.jpg\" alt=\"Como incorporar um v\u00eddeo do YouTube no WordPress com Gutenberg\"><\/a><\/p>\n<p>Agora, voc\u00ea ver\u00e1 v\u00e1rias op\u00e7\u00f5es, primeiro voc\u00ea <strong>escolhe a fonte do v\u00eddeo, neste caso vamos com o YouTube<\/strong>.<\/p>\n<p>Em seguida, v\u00e1 para a p\u00e1gina com o v\u00eddeo que deseja incorporar e copie o URL do v\u00eddeo na \u00e1rea Link. Voc\u00ea poder\u00e1 ver imediatamente se escolheu o v\u00eddeo certo.<\/p>\n<p>Basicamente \u00e9 isso, voc\u00ea adicionou o v\u00eddeo e pode <strong>continuar a definir op\u00e7\u00f5es mais avan\u00e7adas<\/strong>.<\/p>\n<p>A op\u00e7\u00e3o <strong>Autoplay<\/strong> est\u00e1 \u00e0 sua disposi\u00e7\u00e3o, se voc\u00ea escolher, seu v\u00eddeo come\u00e7ar\u00e1 a ser reproduzido automaticamente no momento em que sua p\u00e1gina for carregada.<\/p>\n<p>A op\u00e7\u00e3o <strong>Play Control<\/strong> a seguir refere-se a se voc\u00ea deseja ou n\u00e3o que os bot\u00f5es de controle (Play e Pause) fiquem vis\u00edveis em seu v\u00eddeo. Caso contr\u00e1rio, selecione Ocultar neste campo.<\/p>\n<p>Outro recurso interessante \u00e9 o <strong>Image Overlay<\/strong>, que \u00e9 \u00f3timo se voc\u00ea quiser personalizar ao m\u00e1ximo a apar\u00eancia do seu v\u00eddeo e evitar a imagem padr\u00e3o que aparece no in\u00edcio. Basta clicar na op\u00e7\u00e3o Sobreposi\u00e7\u00e3o de imagem, escolher a op\u00e7\u00e3o Mostrar e selecionar uma imagem da sua Biblioteca de m\u00eddia e a imagem selecionada aparecer\u00e1 no topo do seu v\u00eddeo.<\/p>\n<p>Agora que voc\u00ea est\u00e1 familiarizado com o b\u00e1sico de adicionar v\u00eddeos e postagens do YouTube em sua p\u00e1gina do WordPress, voc\u00ea pode incrementar seu site e aproveitar os benef\u00edcios que v\u00eam com conte\u00fado de v\u00eddeo de qualidade inteligentemente escolhido. Caso voc\u00ea se pergunte se h\u00e1 mais coisas que voc\u00ea pode fazer com v\u00eddeos em seu site, voc\u00ea est\u00e1 certo. Existem muitos <a href=\"https:\/\/themewp.inform.click\/pt-pt\/5-plugins-do-youtube-perfeitos-para-imagens-em-wordpress-2022\/\" title=\"plugins do WordPress no YouTube\">plugins do WordPress no YouTube<\/a> que oferecem op\u00e7\u00f5es mais avan\u00e7adas, como criar listas de reprodu\u00e7\u00e3o, estilizar sua apar\u00eancia e muito mais. Mas, n\u00e3o importa como voc\u00ea escolha adicionar m\u00eddia em seu site, uma coisa \u00e9 certa \u2013 os v\u00eddeos fazem seu conte\u00fado parecer mais din\u00e2mico, atraente e informativo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Existem algumas maneiras de incorporar um v\u00eddeo do YouTube no WordPress \u2013 tanto no editor cl\u00e1ssico quanto no Gutenberg. Desta vez, decidimos mostrar a todos eles.<\/p>\n","protected":false},"author":1,"featured_media":364064,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[634,573,428],"tags":[848],"class_list":["post-368178","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogar","category-nocoes-basicas-do-wordpress","category-plugins-wordpress-2","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/368178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=368178"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/368178\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/364064"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=368178"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=368178"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=368178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}