{"id":17065,"date":"2019-09-20T15:00:31","date_gmt":"2019-09-20T18:00:31","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt-tutoriais\/?p=17065"},"modified":"2024-12-17T01:40:20","modified_gmt":"2024-12-17T04:40:20","slug":"como-colocar-video-no-wordpress","status":"publish","type":"post","link":"\/pt\/tutoriais\/como-colocar-video-no-wordpress","title":{"rendered":"Aumente o engajamento: como colocar v\u00eddeo no WordPress"},"content":{"rendered":"<p>Al&eacute;m de imagens, v&iacute;deos s&atilde;o uma excelente maneira de atrair, engajar e conquistar usu&aacute;rios de volta para o seu site. Incorporar v&iacute;deos tamb&eacute;m pode fazer com que a sua p&aacute;gina seja melhor ranqueada no Google. Por conta disso, hoje vamos mostrar alguns m&eacute;todos de como colocar v&iacute;deo no WordPress e enriquecer seus conte&uacute;dos.&nbsp;<\/p><h2 class=\"wp-block-heading\" id=\"h-como-colocar-video-no-wordpress-paginas-e-posts\"><strong>Como Colocar V&iacute;deo no WordPress &ndash; P&aacute;ginas e Posts<\/strong><\/h2><p>Nesta se&ccedil;&atilde;o, vamos mostrar como colocar v&iacute;deo do YouTube no WordPress. Mas, saiba que o processo &eacute; bem parecido de ser feito em qualquer outra plataforma de v&iacute;deo.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-metodo-oembed\"><strong>M&eacute;todo oEmbed<\/strong><\/h3><p>O oEmbed &eacute; um protocolo que permite incorporar v&iacute;deos, imagens, textos e outros formatos de um site para para um site B apenas adicionando a URL do conte&uacute;do.&nbsp;<\/p><p>&Eacute; a forma mais f&aacute;cil de incorporar v&iacute;deos no WordPress. Voc&ecirc; n&atilde;o precisa entender de programa&ccedil;&atilde;o para fazer isso. Aqui v&atilde;o os passos para seguir:<\/p><ol class=\"wp-block-list\">\n<li>V&aacute; ao YouTube.<\/li>\n\n\n\n<li>Encontre o v&iacute;deo que voc&ecirc; quer incorporar (fazer <em>embed<\/em>).&nbsp;<\/li>\n\n\n\n<li>Posicione o ponteiro do mouse sobre o v&iacute;deo e copie a URL dele.<\/li>\n\n\n\n<li>Agora, v&aacute; ao Editor Visual do seu site WordPress.<\/li>\n\n\n\n<li>Cole a URL do v&iacute;deo no WordPress e ele vai incorporar o v&iacute;deo automaticamete na p&aacute;gina.&nbsp;<\/li>\n<\/ol><p>E &eacute; apenas isso o que voc&ecirc; precisa fazer para colocar v&iacute;deo do YouTube no site WordPress.<\/p><h3 class=\"wp-block-heading\" id=\"h-metodo-iframe\"><strong>M&eacute;todo iFrame<\/strong><\/h3><p>O segundo m&eacute;todo permite que voc&ecirc; customize como seu v&iacute;deo vai ser mostrado na sua p&aacute;gina ou postagem. Voc&ecirc; pode fazer isso seguindo os passos abaixo.<\/p><ol>\n<li>Clique no bot&atilde;o<strong> Compartilhar<\/strong>, abaixo do v&iacute;deo no YouTube.&nbsp;<\/li>\n<li>Clique em <strong>Incorporar<\/strong>.&nbsp;<\/li>\n<li>Voc&ecirc; vai encontrar um <em>c&oacute;digo iFrame<\/em> e alguns campos de op&ccedil;&otilde;es. O primeiro campo permite que voc&ecirc; incorpore um v&iacute;deo do YouTube a partir de um determinado tempo decorrido no v&iacute;deo. Para ajustar esse tempo, voc&ecirc; precisa primeiro assistir ao v&iacute;deo e, ent&atilde;o, parar no tempo desejado. Voc&ecirc; tamb&eacute;m pode mostrar bot&otilde;es de controles do v&iacute;deo, como parar\/tocar, volume e adiantar marcando os campos em sequ&ecirc;ncia. <br><img decoding=\"async\" class=\"size-full wp-image-17067 aligncenter\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2019\/09\/c%C3%B3digo-iframe-incorporar-v%C3%ADdeo.png\" alt=\"inserir iframe de v&iacute;deo do youtube no wordpress\" width=\"1257\" height=\"471\"><\/li>\n<li>Copie o c&oacute;digo iframe e v&aacute; ao Editor Visual do seu site WordPress.<\/li>\n<li>Mude para o Editor de <strong>Visual <\/strong>para<strong> C&oacute;digo<\/strong> e insira o respectivo c&oacute;digo do seu v&iacute;deo.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-incorporar-videos-na-sidebar-barra-lateral\"><strong>Incorporar V&iacute;deos na Sidebar (Barra Lateral)<\/strong><\/h3><p>&Agrave;s vezes, pode ser que voc&ecirc; precisa inserir v&iacute;deos na Sidebar (Barra Lateral) do seu site, ao inv&eacute;s do campo da postagem ou da p&aacute;gina. Para fazer isso, siga o guia abaixo.<\/p><ol>\n<li>Do painel de controle do WordPress, v&aacute; em <strong>Apar&ecirc;ncia &gt; Personalizar <\/strong>e clique em <strong>Widgets<\/strong>.&nbsp;&nbsp;<\/li>\n<li>Voc&ecirc; pode ser m&uacute;ltiplas sidebars onde queira colocar seus v&iacute;deos. Escolha a sidebar e clique em <strong>Adicionar um Widget<\/strong>.&nbsp;<\/li>\n<li>Digite <strong>V&iacute;deo<\/strong> no campo de busca. <br><img decoding=\"async\" class=\"size-full wp-image-17068 aligncenter\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2019\/09\/adicionar-widgets-wordpress.png\" alt=\"adicionar widget de v&iacute;deo no wordpress\" width=\"585\" height=\"586\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/09\/adicionar-widgets-wordpress.png 585w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/09\/adicionar-widgets-wordpress-150x150.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2019\/09\/adicionar-widgets-wordpress-300x300.png 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/li>\n<li>Agora voc&ecirc; tem o widget de V&iacute;deo &agrave; esquerda. Clique no bot&atilde;o <strong>Adicionar V&iacute;deo<\/strong> e escolha <strong>Inserir A Partir do URL<\/strong>.&nbsp;<\/li>\n<li>Copie a URL do v&iacute;deo que voc&ecirc; quer inserir e coloque no campo indicado.<br><img decoding=\"async\" class=\"size-full wp-image-17069 aligncenter\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2019\/09\/inserir-v%C3%ADdeo-de-url.png\" alt=\"colocar v&iacute;deo no wordpress pela URL\" width=\"778\" height=\"185\"><\/li>\n<li>Uma pr&eacute;via do v&iacute;deo vai aparecer automaticamente. Ent&atilde;o, clique no bot&atilde;o azul <strong>Adicionar ao Widget<\/strong>.&nbsp;<\/li>\n<li>Clique em <strong>Salvar &amp; Publicar<\/strong>.&nbsp;<\/li>\n<\/ol><p>O WordPress tem suporte a muitas plataformas al&eacute;m do YouTube. Voc&ecirc; pode tamb&eacute;m incorporar postagens do Facebook e do Twitter no seu site WordPress. Abaixo est&aacute; uma listagem de plataformas que permitem a incorpora&ccedil;&atilde;o autom&aacute;tica pelo WordPress.<\/p><ul class=\"wp-block-list\">\n<li>Vimeo.<\/li>\n\n\n\n<li>Flickr.<\/li>\n\n\n\n<li>DailyMotion.<\/li>\n\n\n\n<li>Hulu.<\/li>\n\n\n\n<li>Instagram.<\/li>\n\n\n\n<li>Photobucket.<\/li>\n\n\n\n<li>Reddit.<\/li>\n\n\n\n<li>Scribd.<\/li>\n\n\n\n<li>SlideShare.<\/li>\n\n\n\n<li>SoundCloud.<\/li>\n\n\n\n<li>Spotify.<\/li>\n\n\n\n<li>TED.<\/li>\n\n\n\n<li>Tumblr.<\/li>\n\n\n\n<li>Diret&oacute;rio de plugins do WordPress.<\/li>\n\n\n\n<li>WordPress.tv.<\/li>\n<\/ul><h2 class=\"wp-block-heading\" id=\"h-por-que-voce-nao-deve-subir-videos-na-sua-hospedagem\"><strong>Por Que Voc&ecirc; N&atilde;o Deve Subir V&iacute;deos na Sua Hospedagem<\/strong><\/h2><p>Voc&ecirc; deve estar se pensando por que voc&ecirc; deveria incorporar v&iacute;deos ao inv&eacute;s de fazer upload deles diretamente no seu site. Existem algumas raz&otilde;es do porqu&ecirc; n&atilde;o recomendamos fazer isso. As principais est&atilde;o logo abaixo.<\/p><h3 class=\"wp-block-heading\" id=\"h-manter-os-recursos\"><strong>Manter os Recursos<\/strong><\/h3><p>Fazer upload dos seus v&iacute;deos diretamente na sua hospedagem vai consumir parte dos recursos do servi&ccedil;o contratado. Al&eacute;m disso, se voc&ecirc; usa hospedagem compartilhada, isso tamb&eacute;m vai impactar os outros sites que compartilham os mesmos recursos que voc&ecirc;.<\/p><p>Gerenciar v&iacute;deos tamb&eacute;m pode exigir que voc&ecirc; tenha plugins adicionais. E isso significa que o seu servidor vai ficar ainda mais sobrecarregado. Como resultado, o desempenho geral pode diminuir.&nbsp;<\/p><p>Incorporar v&iacute;deos &eacute; a escolha perfeita para melhorar a qualidade do seu site adicionando conte&uacute;do sem perder desempenho.&nbsp;&nbsp;&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-melhor-experiencia-do-usuario\"><strong>Melhor Experi&ecirc;ncia do Usu&aacute;rio<\/strong><\/h3><p>Quando voc&ecirc; incorpora v&iacute;deo de uma plataforma de v&iacute;deos como o YouTube, voc&ecirc; tamb&eacute;m est&aacute; aderindo &agrave; experi&ecirc;ncia de uso do Youtube para o seu site.&nbsp;<\/p><p>Uma plataforma de v&iacute;deos tem a capacidade de escolher, de forma inteligente, a melhor resolu&ccedil;&atilde;o para o usu&aacute;rio identificando a qualidade do dispositivo usado por ele e a conex&atilde;o de internet dispon&iacute;vel. Fora que os usu&aacute;rios tamb&eacute;m podem escolher a resolu&ccedil;&atilde;o de prefer&ecirc;ncia, al&eacute;m de usar bot&otilde;es de tocar\/parar, volumes e adiantar o v&iacute;deo.&nbsp;<\/p><p>Ao contr&aacute;rio, o WordPress processa os v&iacute;deos de um jeito diferente. Voc&ecirc; perderia esses momentos de engajamento de usu&aacute;rios, caso optasse por fazer upload de v&iacute;deos diretamente para o seu site.<\/p><h3 class=\"wp-block-heading\" id=\"h-conseguir-mais-trafego-visibilidade-e-compartilhamentos\"><strong>Conseguir Mais Tr&aacute;fego, Visibilidade e Compartilhamentos<\/strong><\/h3><p>O YouTube &eacute; o terceiro site mais visitado na internet. Al&eacute;m disso, fazer upload de v&iacute;deos na sua conta do YouTube vai gerar mais visitantes, tr&aacute;fego e mais compartilhamentos. O resultado &eacute; melhor do que subi-lo para o seu pr&oacute;prio site. Tamb&eacute;m &eacute; muito mais f&aacute;cil de gerenciar v&iacute;deos na plataforma.<\/p><h2 class=\"wp-block-heading\" id=\"h-plugins-para-incorporar-videos-no-wordpress\"><strong>Plugins para Incorporar V&iacute;deos no WordPress<\/strong><\/h2><p>Voc&ecirc; aprendeu que colocar v&iacute;deos no WordPress &eacute; moleza. Por&eacute;m, esses plugins abaixo de incorpora&ccedil;&atilde;o de v&iacute;deos abaixo v&atilde;o tornar tudo ainda mais f&aacute;cil de mexer no CMS e gerenciar seus v&iacute;deos.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-1-video-embed-amp-thumbnail-generator\"><strong>1. <\/strong><a href=\"https:\/\/br.wordpress.org\/plugins\/video-embed-thumbnail-generator\/\" target=\"_blank\" rel=\"noopener\"><strong>Video Embed &amp; Thumbnail Generator<\/strong><\/a><\/h3><p>Esse plugin gr&aacute;tis para WordPress &eacute; uma &oacute;tima escolha se voc&ecirc; quer transformar seu site em uma experi&ecirc;ncia focada em v&iacute;deo como o YouTube.&nbsp;<\/p><p>Com ele, voc&ecirc; tem algumas op&ccedil;&otilde;es para usar diferentes tocadores de v&iacute;deo, como Video.js, Mediaelement.js, JW Player 6 ou Adobe Strobe media Playback Flash Player.&nbsp;<\/p><p>A melhor coisa disso &eacute; que os v&iacute;deos s&atilde;o todos redimensionados e encaixados no local que voc&ecirc; escolher posicion&aacute;-los, n&atilde;o importa o tocador usado. Ele tamb&eacute;m vai gerar a thumbnail para voc&ecirc; automaticamente.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-2-arve-advanced-responsive-video-embedder-nbsp\"><strong>2. <\/strong><a href=\"https:\/\/br.wordpress.org\/plugins\/advanced-responsive-video-embedder\/\" target=\"_blank\" rel=\"noopener\"><strong>ARVE Advanced Responsive Video Embedder<\/strong><\/a><strong>&nbsp;<\/strong><\/h3><p>Esse plugin &eacute; o mais competente na a&ccedil;&atilde;o de incorporar v&iacute;deos no WordPress. Primeiro, ele &eacute; amig&aacute;vel a SEO, o que vai ajudar voc&ecirc; a ter uma melhor indexa&ccedil;&atilde;o quando voc&ecirc; criar t&iacute;tulos, descri&ccedil;&otilde;es e as datas de publica&ccedil;&atilde;o.<\/p><p>Como o pr&oacute;prio nome indica, ele faz a responsividade do v&iacute;deo colocado na p&aacute;gina, adaptando para o tamanho da tela do usu&aacute;rio e da resolu&ccedil;&atilde;o escolhida. Al&eacute;m disso, as op&ccedil;&otilde;es de configura&ccedil;&atilde;o e inser&ccedil;&atilde;o s&atilde;o facilitadas, bastando copiar o link do v&iacute;deo, como voc&ecirc; faz no m&eacute;todo oEmbed.&nbsp;<\/p><h3 class=\"wp-block-heading\" id=\"h-3-youtube-embed\"><strong>3. <\/strong><a href=\"https:\/\/br.wordpress.org\/plugins\/youtube-embed\/\" target=\"_blank\" rel=\"noopener\"><strong>YouTube Embed<\/strong><\/a><\/h3><p>Esse plugin &eacute; feito especialmente para quem adora incorporar v&iacute;deos do YouTube. Ele tem alguns recursos interessantes, como criar sua pr&oacute;pria lista de v&iacute;deos e tocar todos quando voc&ecirc; quiser.&nbsp;<\/p><p>Depois, voc&ecirc; mesmo consegue gerar sua pr&oacute;pria lista de reprodu&ccedil;&atilde;o e sugerir recomenda&ccedil;&otilde;es baseadas em uma pesquisa ou em nome de usu&aacute;rio. Fora que o plugin tamb&eacute;m tem suporte redimensionamento din&acirc;mico de v&iacute;deos, ideal para temas responsivos.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/pt\/alojamento-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/pt-tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-44638\" srcset=\"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-content\/uploads\/sites\/26\/2024\/06\/BR-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-conclusao\"><strong>Conclus&atilde;o<\/strong><\/h2><p>V&iacute;deos enriquecem seu conte&uacute;do por trazerem ainda mais valor ao seu site. Ainda que voc&ecirc; possa fazer upload deles, incorpor&aacute;-los &eacute; uma op&ccedil;&atilde;o muito mais recomendada.<\/p><p>E agora que voc&ecirc; j&aacute; sabe como colocar v&iacute;deo no WordPress usando diferentes m&eacute;todos e at&eacute; mesmo com a ajuda de plugins, pode experimentar formas de tornar sua p&aacute;gina ainda mais atrativa para o usu&aacute;rio. Sucesso na sua jornada!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al&eacute;m de imagens, v&iacute;deos s&atilde;o uma excelente maneira de atrair, engajar e conquistar usu&aacute;rios de volta para o seu site. Incorporar v&iacute;deos tamb&eacute;m pode fazer com que a sua p&aacute;gina seja melhor ranqueada no Google. Por conta disso, hoje vamos mostrar alguns m&eacute;todos de como colocar v&iacute;deo no WordPress e enriquecer seus conte&uacute;dos.&nbsp; Como Colocar [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/pt\/tutoriais\/como-colocar-video-no-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":92,"featured_media":30541,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Guia para voc\u00ea aprender a como colocar v\u00eddeo no WordPress. Passo a passo para incorporar v\u00eddeos automaticamente e at\u00e9 com plugins!","rank_math_focus_keyword":"como colocar v\u00eddeo no wordpress","footnotes":""},"categories":[4911],"tags":[6913,6914,6915,6912,6911,6916],"class_list":["post-17065","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-colocar-video-no-wordpress","tag-inserir-video-wordpress","tag-plugin-de-video-wordpress","tag-video-no-wordpress","tag-video-wordpress","tag-youtube-no-wordpress"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-colocar-video-no-wordpress","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-colocar-video-no-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/17065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/comments?post=17065"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/17065\/revisions"}],"predecessor-version":[{"id":47388,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/posts\/17065\/revisions\/47388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media\/30541"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/media?parent=17065"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/categories?post=17065"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wp-json\/wp\/v2\/tags?post=17065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}