PrestaShop Design & navigatie

Video Background: Videobanner voor Homepage & Categorieën

Zelfgehoste videohero-secties, nul cookies van derden

Geef uw homepage en uw categoriepagina's een nieuw gezicht met videobanners op volledig scherm: zelfgehoste video zonder YouTube of Vimeo, slimme lazy loading en een automatische terugvalafbeelding op mobiel.

At a glance
  • Videohero op volledig scherm op de homepage en de categoriepagina's
  • Zelfgehoste video in MP4 en WebM: geen enkele aanroep naar YouTube of Vimeo, nul cookies van derden
  • Lazy loading: de video wordt pas gedownload wanneer ze in de viewport komt
  • Terugvalafbeelding op mobiel: onder het breekpunt wordt geen enkele videobyte gedownload
  • Meertalige overlay met titel, ondertitel en actieknop
PrestaShop 8 PrestaShop 9 Multistore AVG
  • 30 dagen geld terug
  • 12 maanden updates
  • Support binnen 24 uur
www.datafirefly.com/nl/
Bannière vidéo en fond d'accueil PrestaShop, lecture sans cookies
v1.0.0 · bijgewerkt 2026-07-16
Wat het doet

De korte versie.

01

Nul cookies, nul trackers

De video wordt rechtstreeks vanaf uw server geserveerd in een native HTML5 video-tag. Geen enkele iframe van YouTube of Vimeo, geen enkele cookie van derden, geen enkele regel toe te voegen aan uw toestemmingsbanner: het AVG-argument wordt een verkoopargument.

02

Slimme lazy loading

Het videobestand wordt pas gedownload wanneer de sectie de viewport nadert (IntersectionObserver, marge van 200 px). Het afspelen pauzeert automatisch buiten beeld om batterij en bandbreedte te sparen.

03

Mobiel: afbeelding, geen video

Onder het instelbare breekpunt (standaard 768 px) toont de module een terugvalafbeelding en downloadt hij de video nooit. Uw mobiele Core Web Vitals blijven ongeschonden.

04

Onbeperkt aantal secties, meertalig

Maak zoveel secties aan als nodig: één per categorie, één voor de homepage. Titel, ondertitel, knop, link en alternatieve tekst zijn vertaalbaar in alle talen van de winkel.

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Video Background: Videobanner voor Homepage & Categorieën werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

Een videobanner die verkoopt, zonder de AVG op te offeren

Video op de achtergrond is een van de krachtigste visuele hefbomen voor een e-commerce homepage: ze zet uw producten in scène, bouwt een merkwereld op en verlengt de tijd die bezoekers op de pagina doorbrengen. Het probleem met de gebruikelijke oplossingen: een embed van YouTube of Vimeo plaatst cookies van derden, vertraagt de pagina met meer dan een megabyte JavaScript en dwingt u de weergave afhankelijk te maken van toestemming. Video Background kiest de omgekeerde weg: de video staat op uw eigen server en wordt afgespeeld door de native HTML5 video-tag. Het resultaat: nul cookies, nul externe requests, niets om in uw toestemmingsbanner te vermelden.

§ 02

Gemaakt met oog voor prestaties: lazy loading en terugval op mobiel

Een slecht geïntegreerde video kan uw Core Web Vitals ruïneren. De module downloadt het bestand pas wanneer de sectie de viewport nadert, pauzeert het afspelen zodra ze uit beeld verdwijnt, en stuurt de video nooit naar mobiele bezoekers: onder het breekpunt dat u instelt neemt een geoptimaliseerde terugvalafbeelding het over, met een eigen alternatieve tekst. Bezoekers die verminderde animaties hebben ingeschakeld houden de posterafbeelding, zonder nutteloze download.

§ 03

Secties op maat voor de homepage en voor elke categorie

Maak een herosectie voor de homepage, een tweede voor uw topcategorie, een derde voor uw uitverkoop: elke sectie heeft een eigen MP4-video en optionele WebM-variant, een eigen poster, een eigen mobiele afbeelding, een eigen hoogte in vh of in pixels, een gekleurde overlay met instelbare dekking, en een eigen contentblok met titel, ondertitel en actieknop, vertaalbaar in alle talen van de winkel. De weergavevolgorde regelt u met slepen en neerzetten.

§ 04

Installatie in vijf minuten, geen technische instellingen

Installeer de zip, maak uw eerste sectie aan, upload uw video: het staat online. De module gebruikt de standaardhooks van PrestaShop, wijzigt geen enkel themabestand en werkt met elk thema op basis van Classic. De uploads worden op de server gecontroleerd (MIME-type, extensie, instelbare maximale grootte) en de bestanden worden automatisch opgeruimd wanneer een sectie wordt vervangen of verwijderd.