Como inserir vídeos no WordPress

Criar conteúdo interessante e envolvente é a chave para que seus visitantes se interessem por ele e queiram saber mais sobre você e seus produtos. Anteriormente, já mencionei alguns truques para criar páginas que fazem você se apaixonar e mencionei explicitamente a importância de incluir elementos visuais.

De fato, no ano passado, um estudo da Zenith previu que em 2021 haveria um aumento nas visualizações de vídeos de até 100 minutos por dia e um aumento nos gastos com publicidade em vídeo de 35%. Segundo a Cisco, até 2022 80% de todo o tráfego da Internet será em formato de vídeo. E temo que todas essas previsões fiquem aquém da atual pandemia.

Então, sem mais delongas sobre a importância de adicionar vídeos às postagens e páginas do seu site, vamos ver como é fácil adicionar vídeos no WordPress e quais novos recursos a versão mais recente do Gutenberg 9.2.2 oferece.

Copie o URL de um vídeo

Temos sorte que o editor do WordPress permite que você incorpore um vídeo de qualquer plataforma com muita facilidade. No navegador, a partir da plataforma onde o vídeo está localizado, você pode copiar diretamente sua URL.

Você também pode copiar o URL clicando no botão Compartilhar que você encontra para compartilhar o vídeo e com o qual pode adicionar opções adicionais, como indicar a hora de início do vídeo.

Então você só precisa colá-lo diretamente em um bloco de texto ou também tem a opção de selecionar previamente o bloco do tipo de vídeo que você vai inserir. Então, por exemplo, se eu quiser incorporar o vídeo WordCamp US 2019 – State of the Word do YouTube a partir do minuto em que Matt Mullenweg aparecer, criarei um novo bloco do YouTube e inserirei a URL https://youtu.be/gS6_xOABTWo?t=2085 (ou alternativamente a url https://www.youtube.com/watch?v=gS6_xOABTWo&start=2085 ).

Observe que o tempo deve ser indicado em segundos. Além disso, você também tem a opção de alinhar o vídeo como desejar em sua página.

E você recebe um novo vídeo incorporado em sua postagem:

Mas não é só isso, quando você adiciona um bloco do YouTube (ou outro tipo de vídeo) também tem outras opções que você pode adicionar à exibição do vídeo e que dependem da plataforma em que é reproduzido.

Assim, por exemplo, no caso do YouTube, as opções disponíveis (através de parâmetros adicionais na URL) que você tem são:

• Para incorporar o vídeo com largura e altura padrão adaptadas ao tema: https://www.youtube.com/gS6_xOABTWo
• Para especificar a largura e a altura explicitamente: https://www.youtube.com/watch?v=gS6_xOABTWo?&w=320&h=240
• Para especificar apenas a largura: https://www.youtube.com/watch?v=gS6_xOABTWo&w=320
• Para alinhar o player à esquerda: https://www.youtube.com/watch?v=gS6_xOABTWo&align=left
• Para alinhar o player à direita: https://www.youtube.com/watch?v=gS6_xOABTWo&align=right
• Para mostrar apenas vídeos relacionados do mesmo canal após terminar o vídeo: https://www.youtube.com/watch?v=gS6_xOABTWo&rel=0
• Para especificar um horário de início e término para um vídeo, adicione o horário de início e término: https://www.youtube.com/watch?v=gS6_xOABTWo&start=75&end=500

Carregue e visualize seu vídeo no seu WordPress

Às vezes, pode acontecer que você não queira enviar seus próprios vídeos para plataformas de terceiros e queira tê-los exclusivamente em seu servidor WordPress. Carregar um vídeo para sua biblioteca de mídia e adicioná-lo é tão fácil quanto carregar qualquer outra imagem. Clique em Mídia ou adicione um bloco de tipo de vídeo:

Assim como quando você adiciona uma imagem, você tem a opção de enviar o vídeo diretamente, selecioná-lo na biblioteca de mídia ou inserir seu URL.

Em seguida, na biblioteca de mídia, basta selecionar o vídeo que queremos inserir e o teremos disponível em nossa página ou post.

E uma vez selecionado, o teremos disponível para todos os nossos visitantes.

Além disso, a nova versão do Gutenberg 9.2.2. adiciona novas funcionalidades à inserção de vídeo. Em particular, permite adicionar elementos HTML do tipo <track> do menu de edição.

Certamente você notou que, se você baixou um vídeo, a pasta que o contém também inclui um arquivo SRT . São arquivos de legenda que não estão incluídos no vídeo, mas que o player de vídeo pode extrair e exibir em sincronia com o vídeo que você está assistindo. Assim, um elemento track serve para indicar a localização e algum recurso adicional desses arquivos SRT .

Ao inserir um vídeo, o HTML gerado é semelhante a:

 <!-- wp:video {"id":15850} --> <figure class="wp-block-video"> <video controls="" src="/my-site.com/.../my-video.mp4"></video></figure> <!-- /wp:video -->

Com esta nova versão do Gutenberg, agora você pode adicionar elementos de faixa aos vídeos a partir do menu de edição sem nenhuma edição de HTML. Assim, por exemplo, você pode adicionar legendas em inglês a um vídeo e o código HTML inclui uma faixa com as informações da legenda.

 <video controls="" src="/my-site.com/.../my-video.mp4"> <track src="mi-sitio.com/.../english-captions.srt" label="English" srclang="en"> </video>

Os atributos que podem ser indicados nas faixas são os seguintes:

• srclang – Idioma dos dados de texto da faixa. Deve ser um código de tag de idioma BCP 47 válido.
• label – Título para a interface do player.
• kind – Como o texto da faixa é usado. Pode ter as seguintes palavras-chave:
  • legendas
    • Legendas para traduções do conteúdo do vídeo (por exemplo, legendas em espanhol quando o vídeo está em inglês) destinadas a pessoas que não entendem um idioma.
  • legendas
    • Transcrição do que se ouve no vídeo (diálogos e outros sons) destinado a pessoas com problemas auditivos.
  • descrições
    • Descrição textual do conteúdo do vídeo destinado a pessoas cegas ou que não podem ver o vídeo.
  • capítulos
    • Os títulos dos capítulos devem ser usados ​​quando o usuário navega pelos recursos multimídia.
  • metadados
    • Faixas usadas por scripts. Não visível para os usuários.
• src – URL do arquivo de texto.

Como adicionamos essas faixas? Muito fácil, após adicionar um bloco de tipo de vídeo e selecionar o vídeo que queremos mostrar, uma nova opção aparece no menu de edição de vídeo, que é Adicionar Faixas com as opções de Abrir Biblioteca de Mídia ou Carregar .

Depois de carregar o arquivo na biblioteca de mídia, você está pronto para selecioná-lo.

Você verá como já aparece no menu de edição de vídeo que você pode editar os atributos da faixa:

Clique no botão Editar e modifique os atributos conforme apropriado. Agora você terá a faixa de texto incluída em seu vídeo sincronizada com a exibição do vídeo.

Assim, você pode não apenas ter seus próprios vídeos em sua biblioteca de mídia, mas também incluir facilmente informações adicionais sobre eles.

Você já viu que incluir vídeos que você hospedou em plataformas de terceiros é muito fácil apenas copiando o URL de onde o vídeo está localizado. Mas se, por qualquer motivo, você preferir ter seus vídeos hospedados em sua própria instalação do WordPress, com esta versão mais recente do Gutenberg agora você pode exibir seus vídeos de maneira confortável.

Foto de CardMapr no Unsplash .