Como inserir o videoclipe do YouTube como qualificações de tela cheia no WordPress

Publicados: 2023-06-10


Você está procurando uma maneira de incluir videoclipes do YouTube como fundos de tela cheia no WordPress?

Quando usados ​​meticulosamente, os filmes históricos podem capturar imediatamente a atenção do visitante e mantê-lo em seu site. Isso os tornará uma ótima opção para páginas da Internet de destino e páginas da Web de receita.

Neste post, mostraremos como inserir um vídeo do YouTube como fundo de tela cheia em seu site WordPress.

How to add YouTube video as fullscreen background in WordPress

Por que usar um vídeo do YouTube como um histórico em tela cheia?

Quando os visitantes chegam inicialmente ao seu site WordPress, você tem apenas alguns segundos para atrair o interesse deles e fazê-los permanecer.

Um histórico de vídeo envolvente e atraente é uma ótima maneira de manter os visitantes do site em seu site. Além disso, existem vários temas exclusivos do WordPress que oferecem suporte a planos de fundo de filmes.

No entanto, carregar e hospedar um vídeo online no WordPress pode exigir muita largura de banda. Dependendo do seu plano de hospedagem WordPress, você pode até ter que comprar armazenamento extra.

Apenas uma solução é incorporar um filme do YouTube como plano de fundo em tela cheia. Desta forma, você pode se destacar de seus rivais sem tornar seu site lento ou ter mais espaço de armazenamento.

Dito isso, vamos ver como você pode adicionar um filme do YouTube como um histórico de tela inteira em seu site WordPress.

Como incluir o vídeo do YouTube Online como histórico em tela cheia no WordPress

A maneira mais simples de incluir um filme do YouTube como um histórico em tela cheia é usando o Advanced WordPress Backgrounds. Este plug-in adiciona um novo bloco de registro de trilha que permitirá que você desenvolva um histórico em tela cheia utilizando qualquer cor, imagem ou filme, incluindo vídeos do YouTube.

An example of a YouTube video background in WordPress

Inicialmente, você terá que instalar e ativar o plugin. Se você quiser ajuda, consulte nosso manual sobre como configurar um plug-in do WordPress.

Após a ativação, basta ir para a página ou publicar onde você deseja adicionar um vídeo do YouTube em tela cheia. Você pode então ir com antecedência e simplesmente clicar no botão '+'.

No pop-up que aparece, comece a digitar 'Background AWB'. Quando o bloco apropriado aparecer, clique nele para aumentá-lo para o site.

How to add a fullscreen video to a WordPress blog post or page

No menu à esquerda, você verá três guias para as várias formas de fundos de tela cheia que você pode produzir: Sombra, Impressão e Vídeo online.

Considerando que você deseja inserir um vídeo do YouTube, clique na guia 'Vídeo'.

Este plug-in permite que você use um vídeo auto-hospedado como qualificação. No entanto, os videoclipes ocupam uma grande quantidade de armazenamento e largura de banda, portanto, você nunca deve enviar um vídeo para o WordPress.

Com o restante relatado, escolha a guia 'YouTube / Vídeo'.

How to add a YouTube video as a fullscreen background in WordPress

Agora, você deseja o URL do filme do YouTube que deseja usar em seu blog WordPress.

Em uma nova guia, vá até o videoclipe e copie o hiperlink na barra de endereços.

Getting the URL for a YouTube video

Feito isso, volte novamente para o painel do WordPress e cole o URL na guia 'URL do vídeo'.

Agora, o editor de blocos do WordPress exibirá uma prévia de como esse histórico aparecerá. Fundos sofisticados do WordPress alteram o tamanho do vídeo com base no conteúdo escrito que você adiciona sobre ele, então não se preocupe se o vídeo agora parecer um pouco menor.

How to customize a YouTube background video in WordPress

Antes de começar a introduzir o conteúdo escrito, é uma ótima maneira de definir as configurações do plano de fundo.

Por padrão, o plano de fundo do videoclipe está desativado no equipamento celular. Smartphones e tablets geralmente têm telas menores e consideravelmente menos eletricidade de processamento em comparação com computadores pessoais de mesa. Com isso em mente, é uma boa ideia deixar os recursos de vídeo desativados no celular.

Mesmo assim, se você quiser exibir a trilha do videoclipe em dispositivos móveis, clique para ativar a opção 'Ativar em dispositivos móveis'.

Showing a YouTube background on mobile devices

Fora da caixa, o bloco executará o videoclipe completo do YouTube em um loop.

Mais uma opção é participar de uma parte distinta do filme digitando os horários corretos nos contêineres 'Start Time' e 'End Time'.

How to add a YouTube background video to a website

Você também pode interromper a reprodução do vídeo em loop desativando a opção 'Loop'.

Por padrão, o filme só será ativado quando o visitante puder vê-lo em seu navegador. Isso permite aumentar a velocidade e a eficiência do WordPress, portanto, normalmente você deseja deixar a opção 'Sempre jogar' desativada.

Quando você inicialmente incorpora o vídeo, ele é mostrado com 100% de opacidade, então parece bom.

Com base no layout do seu site, você pode experimentar um fundo de vídeo semitransparente arrastando o controle deslizante 'Opacidade da imagem'. Essa pode ser uma maneira de produzir uma história de filme do YouTube mais delicada.

Changing the opacity settings for a YouTube video

Se você experimentar a opacidade, também pode querer verificar a adição de uma sobreposição colorida.

Basta clicar para aumentar a parte 'Cor da sobreposição' e, em seguida, usar as configurações para produzir sobreposições de cores diferentes.

Adding an overlay to a video background

O plug-in de fundo do WordPress de última geração oferece suporte a vários resultados de paralaxe distintos. Esta é uma estratégia de layout de rede atual em que o aspecto histórico rola mais devagar do que o conteúdo escrito em primeiro plano, o que geralmente fornece profundidade ao estilo e design da página do site.

Para analisar as diferentes consequências da paralaxe, basta clicar para ampliar a seção 'Paralaxe' e escolher uma alternativa no menu suspenso.

Adding parallax effects to a WordPress website

Depois de escolher um estilo de paralaxe, você terá acesso a algumas opções adicionais onde poderá alterar a velocidade. Você também pode permitir e desabilitar o efeito de paralaxe nas unidades celulares.

Da mesma forma, você pode experimentar vários resultados de paralaxe do mouse, que induzem o plano de fundo a rolar mais lenta mas seguramente quando o usuário move o mouse.

Para dar uma olhada nessas configurações, clique em para expandir a seção 'Mouse Parallax'.

Adding mouse parallax effects to a background video

Quando estiver satisfeito com a configuração das qualificações de vídeo on-line do YouTube, é hora de começar a incluir conteúdo escrito, como conteúdo textual, links e ilustrações ou fotos.

Para começar, clique no ícone '+' no meio do bloco Qualificações (AWB).

Adding blocks to a YouTube background video

Isso abre um pop-up onde você pode escolher o bloco que deseja inserir. O plug-in de fundo do WordPress de última geração opera com todos os blocos convencionais do WordPress, para que você possa incluir os artigos que desejar.

Logo após configurar o primeiro bloco, basicamente basta clicar no botão '+' novamente e incluir o próximo bloco que deseja usar.

Adding a RafflePress giveaway block to a video background

Simplesmente continue repetindo este método para desenvolver o layout da página do site ou do site.

Quando estiver satisfeito com a aparência, basta clicar no botão 'Atualizar' ou 'Publicar' para dar vida à página. Agora, se você der uma olhada no seu site WordPress, verá as qualificações do filme em movimento.

An example of a YouTube video background in WordPress

Bônus: Como inserir um feed de vídeo do YouTube no WordPress

Um histórico de videoclipe pode chamar a atenção dos visitantes ao divulgar seu canal do YouTube. No entanto, se você realmente deseja atrair muito mais pessoas e assinantes no YouTube, convém adicionar mais filmes ao seu site.

É aí que entra o by Smash Balloon.

Smash Balloon YouTube Feed Professional é o maior plug-in de galeria do YouTube no mercado. Ele mostra instantaneamente todos os videoclipes mais recentes do seu canal do YouTube, para que as pessoas geralmente vejam o material mais recente.

Embedding a YouTube playlist using Smash Balloon

Crie apenas um feed do YouTube usando o editor simples do Smash Balloon e, em seguida, insira-o em qualquer página ou postagem usando possivelmente um código de acesso ou o bloco totalmente pronto do plug-in.

Você também pode usar o Smash Balloon para incorporar listas de reprodução, favoritos e transmissões ao vivo do YouTube em seu site WordPress.

Creating a YouTube feed using the Smash Balloon social media plugin

O melhor do Smash Balloon é que ele não torna seu site lento. O recurso de cache do YouTube embutido no plug-in garantirá que seu site carregue constantemente rápido, o que é bom para a otimização do mecanismo de pesquisa.

Esperamos que esta postagem tenha ajudado você a aprender como aumentar um videoclipe do YouTube como um histórico no WordPress. Você também pode querer testar nosso guia sobre como criar uma página de destino com o WordPress e nossas escolhas profissionais para os melhores plug-ins de galeria de filmes do YouTube.

Se você gostou deste artigo, certifique-se de se inscrever em nosso canal do YouTube para tutoriais em vídeo online do WordPress. Você também pode nos localizar no Twitter e Fb.