O site usa o fundo de vídeo como elemento para tornar o site mais atraente. Ter um site WordPress com um fundo de vídeo é relativamente simples com Construtor de páginas Elementor. Porém, há poucos recursos sobre como fazer isso. Desta vez, veremos como adicionar um vídeo de fundo a uma seção com o Elementor Page Builder, algo muito exigido em qualquer site moderno. Você pode adicionar vídeo a qualquer página de introdução, post, artigo ou até mesmo em uma página de produto.
Como adicionar um vídeo de fundo com o Elementor Page Builder
Para adicionar um fundo de vídeo, primeiro você precisa ter o construtor de páginas Elementor em seu site. Sei que pode parecer bobagem mencionar isso, mas, de vez em quando, ouvimos os visitantes dizerem que as coisas não estão funcionando. Então, descobrimos que o elementor não estava instalado no site deles! Você pode usar o elementor tanto em posts quanto em páginas. Portanto, crie uma nova página ou abra uma já existente com o construtor de páginas elementor. Em seguida, siga o artigo:
Leia também: Melhores complementos e widgets do Elementor Page Builder para imagens
Escrevemos um artigo sobre vários addons e widgets baseados em imagens em “Melhores complementos e widgets do Elementor Page Builder para imagens” postar. Dê uma olhada.
Etapa 1: Adicione uma seção do editor clicando no botão de adição.
Selecione a seção da largura desejada. Vou selecionar uma seção de largura total, conforme ilustrado na imagem abaixo.
Depois de clicar, você verá um painel à esquerda. Como o nome sugere (Edit Section), esse painel serve para editar a seção. Você pode selecionar a aparência da seção na guia Layout. Você só precisa selecionar a largura do conteúdo marcada como 1 na imagem abaixo.
Eu o selecionei como boxed porque estou criando uma postagem de blog. Você também pode dar largura total. Agora começa a parte divertida. Para adicionar um vídeo, clique na guia Style marcada como 2 na imagem acima.
Na guia style (estilo), na seção background (plano de fundo), é possível selecionar três tipos de plano de fundo. Sólido, gradiente e fundo de vídeo. Vamos clicar no vídeo, como na imagem.
Depois de clicar no ícone de vídeo marcado como 1 na figura acima, você verá algumas novas opções. Você também pode selecionar o efeito de foco na opção marcada como 2. Você também pode adicionar um efeito de partícula ativando as partículas na opção marcada como 3. Depois de clicar no ícone de vídeo, você verá a seguinte opção.
Você pode fornecer qualquer link de vídeo do YouTube como seu vídeo de fundo. Também é possível carregar qualquer vídeo .mp4 usando a biblioteca de mídia e fornecer o link permanente real desse vídeo. Você pode especificar a hora de início e de término do vídeo, conforme marcado com 2 na imagem acima. Você também pode fornecer uma imagem de fallback, conforme marcado como 3. Uma imagem de fallback funcionará quando houver algum problema de reprodução do vídeo. Quando terminar, salve-o. Você obterá o resultado abaixo:
Talvez você tenha um problema de altura. Lembre-se de ajustar a altura mínima na guia Layout, conforme ilustrado na figura abaixo.
É isso aí! Muito simples, não é? Espero que você tenha gostado desse tutorial prático. Agora você pode adicionar facilmente um fundo de vídeo no WordPress com o Elementor Page Builder. Informe-me se tiver algum problema. Informe-me também se quiser que escrevamos algo que está procurando há algum tempo sem nenhuma solução. Tenha um tempo abençoado.
Obtenha uma licença EP e PS gratuita (vitalícia)
Estamos realizando um programa de brindes para nossos amados consumidores e assinantes que estão conectados ao nosso site oficial BDthemes.com.
Você usará os recursos avançados Complementos do Elementor para criar a imagem de fundo do seu site e também para alterar a cor do tema.
Visitar Element Pack ou Controle deslizante principal e compartilhe conosco suas ideias. Os vencedores sortudos receberão uma licença vitalícia no valor de $100. Você só precisa de um minuto para participar.
Participe do programa Give Away
Difundido no mundo:
Facebook
Twitter
Pinterest
WhatsApp
Vkontakte
Telegrama
1 thought on ldquo;How to add a background video with Elementor Page Builder plugin”
DiaWeb
Hello!
I added a background video following your instructions, but there is no sound. My video is an uploaded mp4. Is there a way to get the sound with the images?
Obrigado!
Dia