Como usar o bloco de vídeo WordPress

O WordPress Video Block facilita o upload e a adição de vídeos às suas páginas e postagens. Oferece várias opções para controlar o tamanho e os recursos. Adicionar vídeo com este bloco torna o conteúdo mais profissional e desejável. Felizmente, o Video Block é fácil de usar.

Neste artigo, vamos explorar o Bloco de Vídeo. Também veremos suas configurações e opções, veremos algumas dicas e práticas recomendadas de como usá-lo e veremos as perguntas mais frequentes.

Como adicionar o bloco de vídeo à sua postagem ou página

Para adicionar o Bloco de vídeo ao seu conteúdo, primeiro coloque o cursor onde deseja que o bloco apareça e selecione a ferramenta Inserter. Em seguida, uma caixa de pesquisa será aberta onde você pode pesquisar o bloco ou rolar para ver as opções. Pesquise o vídeo e selecione-o quando for exibido nos resultados.

Se preferir, você pode digitar / video onde deseja colocar o bloco e clicar em Enter ou selecioná-lo nas opções.

O Bloco de Vídeo será colocado dentro da área de conteúdo. A inserção de mídia funciona da mesma forma que um bloco de imagem. Faça upload de um vídeo, escolha um vídeo da biblioteca ou insira um URL para o vídeo que deseja exibir. Se a URL for de uma fonte como o YouTube, o bloco será convertido nesse tipo de bloco. As opções são mínimas até que você envie um vídeo.

O reprodutor de vídeo inclui todas as opções básicas de reprodução, incluindo botões reproduzir / pausar, uma barra de progresso, áudio, tela inteira e botões de download e picture-in-picture. O picture-in-picture coloca o vídeo no canto inferior direito para que ele possa ser reproduzido enquanto o usuário rola pelo site. Você pode colocar uma legenda sob o vídeo.

Configurações e opções de bloqueio de vídeo

As opções e configurações incluem a barra de ferramentas e a barra lateral. Você não verá todas essas configurações até enviar o vídeo.

Barra de ferramentas de bloqueio de vídeo

Clique em qualquer lugar dentro do Bloco de Vídeo para ver as ferramentas. Algumas ferramentas podem não ser exibidas até que você adicione uma área de bloco sob este bloco. Vejamos cada configuração em detalhes.

Bloco ou estilo de mudança de vídeo

Selecionar o ícone de reprodução de vídeo abre uma caixa suspensa onde você pode transformar o bloco em outros tipos de blocos. Este exemplo mostra a capa.

Grupo - adiciona o bloco a um grupo para que você possa ajustá-lo como um bloco único.

Colunas - coloca o bloco dentro das colunas.

Mídia e texto - adiciona texto ao lado da mídia, criando duas colunas.

Capa - coloca uma legenda sobre o vídeo. Você pode alterar a legenda de um bloco de parágrafo para outros tipos de blocos de texto ou um botão.

Arquivo - altera o vídeo para um botão com legenda, permitindo ao usuário baixar o vídeo em vez de reproduzi-lo do site.

Ferramenta de arrastar de bloco de vídeo

Pegue a ferramenta de arrastar com o mouse para movê-la para qualquer lugar dentro do seu conteúdo. Uma linha azul aparecerá para indicar onde o bloco será solto conforme você o arrasta.

O Bloco de Vídeo será então colocado em seu novo local.

Movimento do bloco de vídeo

Mova o bloco de vídeo por uma seção de conteúdo usando as setas para cima e para baixo.

Alinhamento de mudança de bloco de vídeo

As opções de alinhamento incluem esquerda, centro, direita, largura e largura total. O alinhamento à direita e à esquerda envolve o texto do próximo bloco em torno do vídeo. Eu defini este exemplo para alinhar corretamente.

Esta é uma largura ampla. Ocupa a maior parte da tela.

Faixas de texto do bloco de vídeo

Trilhas de texto mostram legendas e legendas quando o vídeo está sendo reproduzido. Eles são formatados como arquivos WebVTT (Web Video Text Tracks) .vtt. Os arquivos são carregados da biblioteca de mídia.

Depois de fazer upload de um arquivo .vtt, você verá opções para editar a trilha. Adicione uma etiqueta, escolha o idioma e selecione o tipo de faixa.

O rótulo é o título da trilha de texto que o usuário verá ao examinar as trilhas disponíveis.

O idioma de origem é o idioma da trilha de texto.

O tipo refere-se ao tipo de faixa que será exibida. As opções incluem:

• Legendas - tradução do diálogo.
• Legendas - transcrições do diálogo, efeitos sonoros, música, etc.
• Descrições - texto que descreve o que está acontecendo.
• Capítulos - títulos dos capítulos para navegação.
• Metadados - dados para JavaScript usar.

As legendas são então adicionadas às opções do player que os usuários podem selecionar.

Substituição de bloco de vídeo

Isso permite que você substitua o vídeo por um vídeo diferente.

Opções de bloqueio de vídeo

As opções incluem ocultar mais configurações, copiar, duplicar, inserir antes ou depois, mover para, editar como HTML, adicionar a blocos reutilizáveis, agrupar e remover o bloco.

Aqui está o que as opções fazem:

Hide More Settings - oculta a barra lateral direita, removendo distrações e expandindo seu espaço de trabalho.

Copiar - copia o Bloco de Vídeo para a área de transferência para que você possa colá-lo em qualquer lugar do seu conteúdo.

Duplicar - adiciona uma duplicata do bloco sob o original.

Inserir antes - adiciona uma área de bloco acima deste bloco para que você possa colocar outro bloco.

Inserir depois - adiciona uma área abaixo deste bloco onde você pode colocar outro bloco.

Mover para - permite mover o bloco para cima ou para baixo. É movido usando as teclas de seta para colocar uma linha azul onde você deseja o bloco e pressionando Enter.

Editar como HTML - mostra o HTML apenas deste bloco, deixando todos os outros blocos normalmente.

Adicionar aos blocos reutilizáveis - adiciona o bloco aos seus blocos reutilizáveis ​​para que você possa reutilizá-lo em outras páginas ou postagens.

Grupo - adiciona o bloco a um grupo para que você possa ajustar todos os blocos como uma única unidade.

Remover bloco - exclui o bloco.

Opções de legenda do bloco de vídeo

A legenda também possui um conjunto de opções. Clicar em qualquer lugar dentro da área da legenda abre uma pequena barra de ferramentas com opções de negrito, itálico e link. Também inclui opções de formatação. As opções incluem:

• Código inline
• Imagem embutida
• Entrada de teclado
• Tachado
• Subscrito
• Sobrescrito
• Cor do texto

Cada um afeta o texto que você destacou.

Configurações de bloqueio de vídeo

As configurações para o Bloco de vídeo incluem vídeo e avançado. Vejamos ambos.

Configurações de vídeo

As configurações de vídeo permitem controlar como o player funciona. As opções incluem:

Reprodução automática - reproduz o vídeo automaticamente quando a página é carregada.

Loop - reproduz o vídeo em um loop contínuo.

Mudo - silencia o áudio.

Controles de reprodução - oculta ou mostra os controles do player. Quando os controles estão ocultos, o usuário não terá controle sobre o vídeo. A reprodução automática terá que ser ativada.

Play Inline - reproduz o vídeo dentro da área de reprodução do elemento.

Pré - carregar - define quanto do vídeo é baixado quando a página é carregada. Escolha auto (todo o vídeo), metadados (apenas as informações básicas) ou nenhum (nada é baixado automaticamente).

Imagem de pôster - permite substituir a captura de tela do primeiro quadro do vídeo por uma imagem em destaque. Ele ainda exibe os controles do player, a menos que você os desative. Eu adicionei uma nova imagem no exemplo acima.

Avançado

As configurações avançadas de vídeo incluem a âncora HTML e classes CSS adicionais.

Âncora HTML - permite especificar o texto a ser usado como URL personalizado para este bloco específico.

Classes CSS adicionais - fornece um campo para adicionar quaisquer classes CSS que você deseja usar para este bloco.

Dicas e práticas recomendadas para usar o bloco de vídeo com eficácia

Se você estiver incorporando vídeos de fontes como YouTube ou Vimeo, use o bloco em vez de um Bloco de vídeo.

Comprima o vídeo e reduza seu tamanho e tempo de carregamento.

Crie faixas .vtt usando geradores de legenda online ou aplicativos semelhantes.

Defina o pré-carregamento como Nenhum se quiser aumentar a velocidade da página. A quantidade baixada automaticamente terá um impacto na velocidade de carregamento da página.

Use as opções de largura direita e esquerda para colocar o texto ao redor de seu vídeo para torná-lo visualmente interessante. Use as opções de largura e largura total para enfatizar o vídeo.

Em vez de usar o primeiro quadro para a imagem do vídeo, crie uma imagem em destaque na qual gostaria de clicar.

Perguntas frequentes sobre o bloco de vídeo

Qual é o propósito deste bloco?

Esse bloqueio facilita a hospedagem de vídeos em seu site e dá a você controle sobre como o player funciona.

Qual é a diferença entre um bloco de vídeo e uma incorporação de vídeo?

O vídeo incorporado de fontes como YouTube e Vimeo não dá a você controle sobre os recursos do player.

Quais são as melhores formas de usar este bloco?

Use a reprodução automática com looping e remova os controles do player para demonstrações de produtos e pequenos clipes de tutorial. Para vídeos mais longos, desative a reprodução automática e mantenha os controles ativados.

Conclusão

Essa é a nossa visão sobre o WordPress Video Block. Eu gosto do nível de controle que ele oferece. O alinhamento à esquerda e à direita fica especialmente bem com o conteúdo ao seu redor e a largura ampla é uma ótima maneira de chamar a atenção para o vídeo. Adicionar uma imagem de pôster pode chamar a atenção dos usuários. Este bloco é uma ótima opção para demonstrações de produtos, tutoriais, música e muito mais.

Nós queremos ouvir de você. Você usa o Bloco de Vídeo? Conte-nos sobre sua experiência nos comentários.

Imagem em destaque via PD99 / shutterstock.com