Share on email
Share on whatsapp
Share on twitter
Share on linkedin
Share on facebook

Video achtergrond toevoegen in WordPress met Elementor

Een video achtergrond toevoegen aan je WordPress website kun je eenvoudig doen met Elementor Pro. Ook kun je een overlay instellen voor je videoachtergrond, de transparantie aanpassen en de start en eindtijd instellen. Je kunt de videoachtergrond toevoegen op elke pagina die je maar wilt. Wel even goed om te weten: deze functie werkt niet op mobiele apparaten.

Tip: op Coverr.co vind je gratis covervideo’s voor je website!

1) Video uploaden (naar YouTube)

Voordat je de video achtergrond toevoegt, moet je de video eerst ergens online zetten. Je hebt namelijk een link van de video nodig, zodat deze kan worden ingeladen door Elementor. Het meest voor de hand liggend is om hiervoor YouTube te gebruiken, maar je kunt de video ook plaatsen op bijvoorbeeld Vimeo.

2) Video achtergrond toevoegen bij sectie

Je kunt een video achtergrond alleen toevoegen bij een sectie. Dit doe je op dezelfde manier als wanneer je een achtergrondafbeelding toevoegt.

  • Voeg een sectie toe of klik op de sectie die je wilt bewerken
  • Ga naar het tabblad ‘Stijl’ -> ‘Achtergrond’
  • Je ziet hier de optie om een video toe te voegen:
  • Voeg de link van de video toe. De video wordt nu direct geladen.

Een video achtergrond toevoegen aan je WordPress website kun je eenvoudig doen met Elementor Pro. Ook kun je een overlay instellen voor je videoachtergrond, de transparantie aanpassen en een fallback afbeelding instellen. Je kunt de videoachtergrond toevoegen op elke pagina die je maar wilt. Wel even goed om te weten: deze functie werkt niet op mobiele apparaten.

3) Video achtergrond instellen op volledige breedte

Wil je de video achtergrond over de hele achtergrond plaatsen? Zorg dan dat je de juiste lay-out hebt ingesteld voor de pagina. Die kun je doen onder ‘Pagina instellingen’ -> Layout. (de optie ‘pagina instellingen’ vind je linksonderin je Elementor panel. Klik hiervoor op het tandwieltje)

Kies voor ‘Elementor volledige breedte’.

4) Video achtergrond later starten

Indien gewenst kun je de video later starten en een specifieke eindtijd instellen. De video staat standaard ingesteld op een ‘loop’. Dit betekent dat de video steeds opnieuw afspeelt.

5) Video achtergrond formaat wijzigen

Als je de video toevoegt in een nieuwe sectie, dan zie je nog maar een klein deel van de video verschijnen. Om de volledige video te tonen, moet je de hoogte van de sectie aanpassen. Dit kun je doen in het tabblad ‘Lay-out’.

6) Overlay instellen voor video achtergrond

Wanneer je een video gebruikt als achtergrond, is het handig om een overlay in te stellen zodat de tekst die je ervoor plaatst beter leesbaar is. Dit stel je in bij het tabje ‘Overlay achtergrond’.

Overlay verloop gradient instellen Elementor

7) Afbeelding instellen voor mobiele apparaten

Zoals ik in de intro al aangaf, werkt een video achtergrond alleen op mobiel. Stel daarom een fallback afbeelding in, waar je website op ‘terugvalt’ als mensen je website op mobiel of tablet bezoeken.

Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook
Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.