Como inserir vídeo no WordPress

Conteúdo mul­ti­mí­dia tem, hoje, im­por­tân­cia fun­da­men­tal na internet. Vídeos, prin­ci­pal­mente, se tornaram oni­pre­sen­tes nas redes sociais. Ainda, eles podem ajudar a atrair di­fe­ren­tes públicos para sites. Por isso mesmo, quem tem ou trabalha com sites precisa aprender a in­cor­po­rar vídeos cor­re­ta­mente, sejam eles de terceiros ou materiais próprios, hos­pe­da­dos por pla­ta­for­mas externas, como o YouTube.

Se você usa o sistema de ge­ren­ci­a­mento de conteúdo (CMS) WordPress, terá várias opções dis­po­ní­veis para inserir vídeo no WordPress: por plugin, pela bi­bli­o­teca de mídia ou por código de in­cor­po­ra­ção (embed code). Conheça os di­fe­ren­tes métodos e acompanhe nosso tutorial passo a passo de como colocar vídeo no site WordPress. Encontre, também, in­di­ca­ções de plugins que podem facilitar o trabalho de in­cor­po­ra­ção, assim como oferecer recursos adi­ci­o­nais.

Formas de inserir vídeo no WordPress

Existem diversas maneiras de inserir vídeos em sites WordPress. Antes de optar por uma delas, você precisa decidir se vai armazenar o conteúdo em vídeo em espaço próprio, ou em uma pla­ta­forma externa. Caso queira manter controle total sobre os seus vídeos, o mais re­co­men­dado é adicioná-los à sua bi­bli­o­teca de mídia WordPress. Neste caso, o WordPress ar­ma­ze­nará seus vídeos di­re­ta­mente no seu servidor. Já se você não tem objeção contra publicar vídeos próprios em pla­ta­for­mas públicas, como no YouTube ou Vimeo, pode sim­ples­mente inseri-los no seu site, blog ou loja, por código de in­cor­po­ra­ção.

Plugins de vídeo WordPress são outra in­te­res­sante opção: eles não só permitem inserir vídeos no WordPress, como oferecem todo tipo de funções adi­ci­o­nais. Além de facilitar a in­cor­po­ra­ção de vídeos para prin­ci­pi­an­tes, essas extensões pos­si­bi­li­tam, por exemplo, criar galerias e sli­deshows de vídeos, ou reproduzi-los em segundo plano.

Três métodos para inserir vídeo no WordPress

Como colocar vídeo no WordPress depende da opção de ar­ma­ze­na­mento escolhida: ob­vi­a­mente, utilizar um plugin é muito diferente de usar a bi­bli­o­teca de mídia integrada ou de adicionar um código de in­cor­po­ra­ção. En­si­na­re­mos o passo a passo de cada um destes três métodos.

Como colocar vídeo no WordPress pela bi­bli­o­teca de mídia

Se você mesmo é o criador ou pro­pri­e­tá­rio do vídeo, pode sim­ples­mente carregá-lo na bi­bli­o­teca de mídia do seu projeto WordPress.

Passo 1: Primeiro, abra a bi­bli­o­teca de mídia, clicando no item “Mídia” (Media), no menu lateral esquerdo:

Passo 2: Clique em “Adicionar novo” (Add New) > “Se­le­ci­o­nar arquivos” (Select Files). Encontre o arquivo de vídeo que deseja adicionar e confirme a seleção, para iniciar o upload para a bi­bli­o­teca de mídia. Outra al­ter­na­tiva é arrastar e soltar o arquivo para a área indicada (caixa tracejada):

Passo 3: Abra a página do seu site WordPress onde deseja inserir o vídeo e clique no sinal de mais para adicionar um novo bloco.

Passo 4: Role até a seção “Mídia” (Media) e clique no item “Vídeo” para adicionar um bloco de conteúdo de vídeo. No bloco, clique em “Bi­bli­o­teca de mídia” (Media Library). O WordPress apre­sen­tará lista com os vídeos dis­po­ní­veis. Selecione o desejado, clicando com o botão esquerdo. Se quiser, defina os metadados: título, legenda e descrição. Por fim, incorpore o vídeo à página clicando no botão “Se­le­ci­o­nar” (Select).

Pronto! Seu vídeo estará in­cor­po­rado ao seu site WordPress. Se ne­ces­sá­rio, você pode movê-lo para outro lugar da página ou trocá-lo por outro elemento, como faz com qualquer bloco de conteúdo.

Como colocar vídeo no WordPress por embed code

Se você prefere não salvar vídeos no seu próprio espaço de ar­ma­ze­na­mento, para poupar memória e poder de pro­ces­sa­mento, uma al­ter­na­tiva é armazenar seu conteúdo de vídeo em uma pla­ta­forma externa, como YouTube ou Vimeo. Basta gerar um código de in­cor­po­ra­ção (embed code) para que você consiga inserir vídeo no site WordPress. Por este método, também é possível in­cor­po­rar vídeos de outros usuários no seu site. Nestes casos, lembre-se de checar questões relativas a direitos autorais.

Para inserir um vídeo do YouTube no seu site por código de in­cor­po­ra­ção, siga os passos abaixo — em outras pla­ta­for­mas, o pro­ce­di­mento pode variar:

Passo 1: Acesse o vídeo do YouTube desejado e clique no botão “Com­par­ti­lhar” (Share), lo­ca­li­zado logo abaixo do vídeo.

Passo 2: Escolha a opção “In­cor­po­rar” (Embed) para acessar as opções de in­cor­po­ra­ção. Lá você poderá aceitar as con­fi­gu­ra­ções padrão ou modificar li­gei­ra­mente o embed code. Por exemplo, é possível de­ter­mi­nar que um vídeo in­cor­po­rado inicie au­to­ma­ti­ca­mente em um ponto es­pe­cí­fico, con­fi­gu­rando “Começar em” (Start at). Você também pode ativar o modo de pri­va­ci­dade apri­mo­rada, se­le­ci­o­nando a opção com este nome, para proteger dados pessoais dos seus vi­si­tan­tes. Em seguida, clique em “Copiar” (Copy) para salvar na área de trans­fe­rên­cia o código que você quer inserir no WordPress.

Passo 3: Agora, no back-end do WordPress, abra a página na qual quer in­cor­po­rar o vídeo. Insira o link copiado di­re­ta­mente no local desejado, criando um bloco HTML, e cole o link pres­si­o­nando as teclas [Ctrl] + [V] ou clicando com o botão direito e se­le­ci­o­nando “Colar” (Paste).

Passo 4: O WordPress in­cor­po­rará o vídeo no formato usual, au­to­ma­ti­ca­mente. Clicando em “Pré-vi­su­a­li­zar” (Preview), você poderá testar o resultado da in­cor­po­ra­ção.

Como colocar vídeo no WordPress usando plugin

Se você busca pelo jeito mais fácil possível de inserir vídeos no WordPress, sejam eles vídeos próprios ou de terceiros, re­co­men­da­mos que você utilize plugins. Além de facilitar o processo, eles oferecem funções adi­ci­o­nais, que podem ser úteis. Ao instalar um plugin de in­cor­po­ra­ção de vídeos, novos menus serão adi­ci­o­nais ao back-end, e/ou novos botões apa­re­ce­rão no editor do WordPress, com as res­pec­ti­vas novas funções.

A maneira mais simples de encontrar plugins de vídeo dis­po­ní­veis é acessando a seção de plugins no back-end. Lá você pode instalar, con­fi­gu­rar e ativar ime­di­a­ta­mente os plugins desejados, assim como desativá-los ou excluí-los. Para instalar um plugin de in­cor­po­ra­ção de vídeo no seu WordPress, faça o seguinte:

Passo 1: No menu lateral esquerdo do back-end WordPress, vá para a seção “Plugins” e clique no item “Adicionar novo” (Add New).

Passo 2: Na barra de pesquisa do canto superior direito, digite qualquer palavra-chave que sirva para o plugin que você busca. Por exemplo, para encontrar plugins de vídeo WordPress, digite a palavra “vídeo”:

Passo 3: Quando tiver escolhido um plugin, clique no botão “Instalar agora” (Install Now), na caixinha cor­res­pon­dente. Após a ins­ta­la­ção, ative o plugin di­re­ta­mente pelo botão “Ativar” (Activate).

Passo 4: Caso haja ne­ces­si­dade, você pode gerenciar seus plugins acessando o submenu “Plugins ins­ta­la­dos” (Installed Plugins). Também é possível fazer isso por um botão de submenu, como ilustrado pela imagem abaixo, relativa ao plugin Video Gallery, da Ori­gin­Code:

Os cinco melhores plugins para in­cor­po­rar vídeos no WordPress

Plugins de vídeo são uma boa opção não só para usuários ex­pe­ri­en­tes do WordPress, mas também para ini­ci­an­tes no uso do CMS. Com eles, é fácil inserir vídeos no WordPress para agregar valor ao seu site. Abaixo, apre­sen­ta­mos alguns dos melhores plugins WordPress dis­po­ní­veis para in­cor­po­rar e gerenciar vídeos.

Embed Plus for YouTube

Se você quer in­cor­po­rar conteúdo do YouTube, a solução mais óbvia é o Embed Plus for YouTube. Este plugin, com mais de 200 mil ins­ta­la­ções ativas, é com­pa­tí­vel com o editor WordPress Gutenberg. Ele não só ajuda a in­cor­po­rar vídeos in­di­vi­du­al­mente do YouTube, como também permite inserir no seu site playlists inteiras, canais e até trans­mis­sões ao vivo. O plugin inclui o “YouTube Wizard”, prático as­sis­tente de con­fi­gu­ra­ção, dis­po­ní­vel di­re­ta­mente no editor. Fazendo upgrade para a versão Pro paga, você pode des­blo­quear outros recursos, como marcação au­to­má­tica de SEO para vídeos e ar­ma­ze­na­mento em cache.

Yoo Slider

Ad­qui­rindo uma das versões pagas do plugin Yoo Slider (a partir de 29 USD por ano), você pode in­cre­men­tar suas páginas com sli­deshows de vídeos, de alta qualidade e res­pon­si­vos. Na versão gratuita, este recurso limita-se a imagens. Pelo menu do Yoo Slider, integrado di­re­ta­mente ao back-end, você pode criar sli­deshows com vídeos do YouTube, do Vimeo ou da bi­bli­o­teca de mídia interna, e ainda utilizar mais de 20 animações pre­de­fi­ni­das. Também é possível in­cor­po­rar vídeos por código HTML. Para in­cor­po­rar sli­deshows recém-criados, use o editor Gutenberg ou short­co­des WordPress.

WP YouTube Lyte

Ope­ra­do­res de sites sabem como é im­por­tante garantir bom de­sem­pe­nho em todos os dis­po­si­ti­vos finais. O tempo de car­re­ga­mento é um fator crucial para isso. Portanto, se vídeos do YouTube são parte in­te­grante do seu site WordPress, re­co­men­da­mos que você use o WP YouTube Lyte, plugin que permite utilizar lazy loading em todos os vídeos in­cor­po­ra­dos ao WordPress. Códigos de in­cor­po­ra­ção leves (Lite YouTube Embeds) podem até parecer com embed codes normais, mas eles só carregam o re­pro­du­tor (que exige muito da memória) quando/se o visitante realmente clica nele. Outra vantagem do plugin é que ele permite o ar­ma­ze­na­mento de vídeos do YouTube em cache local, dis­pen­sando acessos des­ne­ces­sá­rios ao servidor da pla­ta­forma de vídeos.

Advanced WordPress Back­grounds (AWB)

Hoje em dia, um dos recursos de web design mais populares em sites modernos é a chamada rolagem parallax. O plugin gratuito Advanced WordPress Back­grounds (AWB) ajuda você a aplicar este efeito no seu site WordPress. Com o AWB, você pode criar planos de fundo parallax per­so­na­li­za­dos para suas páginas, baseados em imagens ou vídeos (locais, do YouTube ou do Vimeo). Sua base técnica é o Jarallax, um poderoso plugin Ja­vaS­cript.

Video Gallery

É comum que se use galerias para apre­sen­tar vários vídeos em uma mesma página. O plugin Video Gallery da Total Soft é uma solução excelente para im­ple­men­tar galerias em um site WordPress. Com a versão básica gratuita, você pode criar e publicar galerias com qualquer número de vídeos provindos do YouTube, Vimeo, Wistia, ou de fonte própria. Todas as galerias têm design res­pon­sivo au­to­má­tico e podem ser or­ga­ni­za­das por “arrastar e soltar”. Para galerias realmente per­so­na­li­za­das, faça upgrade para uma das versões pagas (a partir de 15 USD). Assim você ganhará acesso a muitos outros temas de galeria, fontes, efeitos hover e opções de estilo.