Webbplatsen använder videobakgrund till elementet för att göra webbplatsen mer attraktiv. Att ha en WordPress-webbplats med videobakgrund är relativt enkelt med Elementor sidbyggare. Men det finns väldigt få resurser om hur man uppnår det. Den här gången kommer vi att se hur man lägger till en bakgrundsvideo med Elementor Page Builder till ett avsnitt, något som är mycket efterfrågat på alla moderna webbplatser. Du kan lägga till video på alla introduktionssidor, inlägg, artiklar eller till och med på en produktsida.
Så här lägger du till en bakgrundsvideo med Elementor Page Builder
För att lägga till en videobakgrund måste du först ha elementor page builder på din webbplats. Jag vet att det kanske låter dumt att nämna, men vi hör från besökare då och då att saker och ting inte fungerar. Vi räknar sedan ut att elementor inte var installerat på deras webbplats! Du kan använda elementor både i inlägg eller sidor. Så skapa en ny sida eller öppna en befintlig med elementor page builder. Följ sedan artikeln:
Läs också: Bästa Elementor Page Builder-tillägg och widgets för bilder
Vi har skrivit en artikel om olika bildbaserade addon och widgets på "Bästa tillägg och widgetar för bilder i Elementor Page Builder" posta. Läs gärna mer.
Steg 1 : Lägg till ett avsnitt från redigeraren genom att klicka på plusknappen.
Välj önskad bredd på sektionen. Jag kommer att välja en sektion med full bredd enligt bilden nedan.
När du har klickat kommer du att se en vänster panel visas. Som namnet antyder (Edit Section) är den panelen till för att redigera avsnittet. Du kan välja utseendet på avsnittet från fliken Layout. Du behöver bara välja innehållsbredden markerad som 1 i bilden nedan.
Jag har valt den som boxad eftersom jag skapar ett blogginlägg. Du kan också ge full bredd. Nu börjar den roliga delen. För att lägga till en video klickar du på fliken Stil som är markerad med 2 i bilden ovan.
På fliken Stil, i avsnittet Bakgrund, kan du välja 3 typer av bakgrund. Solid, gradient och videobakgrund. Vi kommer att klicka på videon som på bilden.
När du har klickat på videoikonen markerad som 1 i bilden ovan ser du några nya alternativ. Du kan också välja svävareffekten från alternativet markerat 2. Du kan också lägga till en viss partikeleffekt genom att aktivera partiklarna från alternativet markerat 3. När du klickar på videoikonen ser du följande alternativ.
Du kan ge vilken YouTube-videolänk som helst som din bakgrundsvideo. Du kan också ladda upp vilken .mp4-video som helst med hjälp av mediebiblioteket och ge den faktiska permalänken för den videon. Du kan ange start- och sluttid för videon som markerad 2 i bilden ovan. Du kan också tillhandahålla en reservbild som markerad 3. En reservbild fungerar när det kommer att finnas något uppspelningsproblem för videon. När du är klar sparar du bara den. Du kommer att få något enligt nedan:
Du kanske har problem med höjden. Kom ihåg att justera minimihöjden från fliken Layout enligt bilden nedan.
Så där ja! Ganska enkelt är det inte? Jag hoppas att du har gillat den här praktiska handledningen. Du kan nu enkelt lägga till WordPress-videobakgrund med Elementor Page Builder. Låt mig veta om du har några problem. Låt mig också veta, om du vill att vi ska skriva något som du letar efter ett tag utan någon lösning. Ha en välsignad tid.
Få en gratis EP- och PS-licens (livstid)
Vi kör ett give-away-program till våra älskade konsumenter och prenumeranter som är anslutna till vår officiella webbplats BDthemes.com.
Du kommer att använda den avancerade Elementor-tillägg för att skapa webbplatsens bakgrundsbild för att även ändra temafärgen.
Besök Element Pack eller Prime Slider och dela dina tankar med oss. Lyckliga vinnare kommer att få en livstidslicens värd $100. Det tar bara en minut att delta.
Spridning i världen:
Facebook
Twitter
Pinterest
WhatsApp
Vkontakte
Telegram
1 thought on ldquo;How to add a background video with Elementor Page Builder plugin”
DiaWeb
Hallå!
Jag lade till en bakgrundsvideo enligt dina instruktioner, men det finns inget ljud. Min video är en uppladdad mp4. Finns det ett sätt att få ljudet med bilderna?
Tack så mycket!
Dia