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’.
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.
