Video en audio toevoegen aan je Sitebuilder site

Multimedia maakt je website aantrekkelijker en houdt bezoekers langer op je paginas. Video en audio content verhogen de betrokkenheid, verduidelijken complexe onderwerpen en geven je merk een persoonlijk gezicht.

Waarom multimedia toevoegen

Video en audio bieden unieke voordelen:

  • Bezoekers blijven gemiddeld 88% langer op paginas met video
  • Complexe producten of diensten worden beter begrepen
  • Je bouwt sneller vertrouwen op
  • Hogere conversies op landingspaginas
  • Betere SEO door langere verblijftijd

Video toevoegen

Methode 1: YouTube of Vimeo embedden

De makkelijkste manier om video toe te voegen is via bestaande platforms.

YouTube video plaatsen

  1. Open de pagina in Sitebuilder
  2. Klik op het plus-icoon om een element toe te voegen
  3. Zoek naar Video of YouTube
  4. Sleep het videoblok naar de gewenste positie
  5. Plak de YouTube URL
  6. De video wordt automatisch geladen

Vimeo video plaatsen

  1. Voeg een videoblok toe
  2. Selecteer Vimeo als bron
  3. Plak de Vimeo URL
  4. Pas de instellingen aan

Methode 2: Eigen video uploaden

Upload je eigen videobestanden direct naar Sitebuilder.

Ondersteunde formaten

  • MP4 (aanbevolen)
  • WebM
  • MOV

Aanbevolen instellingen

  • Resolutie: 1080p of 720p
  • Codec: H.264
  • Maximale grootte: 100MB

Uploaden

  1. Voeg een Video element toe
  2. Kies Bestand uploaden
  3. Selecteer je videobestand
  4. Wacht tot de upload compleet is
  5. Configureer de afspeeloptie

Methode 3: Embed code

Voor andere videobronnen gebruik je een embed code.

  1. Kopieer de embed code van de videobron
  2. Voeg een HTML blok toe in Sitebuilder
  3. Plak de embed code
  4. Pas de afmetingen aan indien nodig

Video instellingen

Autoplay

Laat video automatisch afspelen wanneer de pagina laadt.

  1. Selecteer het videoblok
  2. Ga naar Instellingen
  3. Schakel Autoplay in
  4. Schakel ook Muted in (vereist voor autoplay in browsers)

Loop

Laat de video automatisch herhalen:

  1. Open de video-instellingen
  2. Schakel Loop in
  3. De video speelt continu af

Besturingselementen

Bepaal welke knoppen zichtbaar zijn:

  • Play/pauze knop
  • Volumeregelaar
  • Voortgangsbalk
  • Volledig scherm knop
  • Picture-in-picture

Poster afbeelding

Toon een afbeelding voordat de video start:

  1. Ga naar video-instellingen
  2. Upload een Poster afbeelding
  3. Kies een aantrekkelijk beeld uit de video
  4. Dit verbetert de laadtijd van je pagina

Audio toevoegen

Audiobestand uploaden

Voeg muziek, podcasts of gesproken content toe.

  1. Voeg een Audio element toe
  2. Upload je audiobestand:
    • MP3 (aanbevolen)
    • WAV
    • OGG
  3. Configureer de speler

Spotify embedden

Deel Spotify playlists of podcasts:

  1. Kopieer de Spotify embed code
  2. Voeg een HTML blok toe
  3. Plak de code
  4. Pas de hoogte aan voor een mooie weergave

Podcast speler

Heb je een podcast? Toon afleveringen op je website:

  1. Gebruik de RSS feed van je podcast
  2. Voeg een podcast widget toe
  3. Nieuwe afleveringen verschijnen automatisch

Achtergrondvideo

Maak indruk met een video als achtergrond van een sectie.

Achtergrondvideo instellen

  1. Selecteer de sectie
  2. Ga naar Achtergrond
  3. Kies Video als achtergrondtype
  4. Upload of link je video

Best practices voor achtergrondvideo

  • Gebruik korte loops (10-30 seconden)
  • Kies subtiele beelden zonder afleiding
  • Zorg voor voldoende contrast met tekst
  • Voeg een fallback afbeelding toe voor mobiel
  • Houd de bestandsgrootte klein

Overlay toevoegen

Maak tekst leesbaarder over video:

  1. Ga naar sectie-instellingen
  2. Schakel Overlay in
  3. Kies een kleur en transparantie
  4. Test de leesbaarheid van je content

Video gallerij maken

Toon meerdere videos georganiseerd.

Grid layout

  1. Maak een sectie met meerdere kolommen
  2. Plaats een videoblok in elke kolom
  3. Voeg optioneel een titel toe per video

Video slider

  1. Voeg een Slider element toe
  2. Voeg videoblokken toe aan elke slide
  3. Configureer navigatie en timing

Laat videos openen in een overlay:

  1. Voeg een thumbnail afbeelding toe
  2. Link de afbeelding naar de video
  3. Stel in om in een lightbox te openen
  4. Bezoekers klikken en de video opent groot

Prestatie optimalisatie

Video kan je website vertragen. Volg deze tips voor optimale prestaties.

Lazy loading

Laad videos pas wanneer ze in beeld komen:

  1. Ga naar video-instellingen
  2. Schakel Lazy load in
  3. Dit verbetert de initiële laadtijd

Video compressie

Verklein videobestanden voor sneller laden:

  • Gebruik 720p in plaats van 1080p waar mogelijk
  • Comprimeer met tools als Handbrake
  • Kies een efficiënte codec (H.264)

Hosting overwegingen

  • YouTube/Vimeo: Gratis, snelle levering
  • Eigen uploads: Meer controle, gebruikt je bandbreedte
  • CDN: Voor veel bezoekers met eigen video

Mobiele overwegingen

Responsieve videos

Sitebuilder past videos automatisch aan schermgrootte aan. Controleer:

  1. Test op verschillende apparaten
  2. Controleer of knoppen groot genoeg zijn
  3. Overweeg kortere videos voor mobiel

Data gebruik

Mobiele gebruikers hebben vaak beperkte data. Overweeg:

  • Geen autoplay op mobiel
  • Laat gebruikers kiezen om te kijken
  • Toon een aantrekkelijke thumbnail

Toegankelijkheid

Maak multimedia toegankelijk voor iedereen.

Ondertiteling

Voeg ondertitels toe aan je videos:

  1. Maak een SRT of VTT bestand
  2. Upload dit bij je video-instellingen
  3. Ondertitels verschijnen automatisch

Transcripties

Bied een tekstversie aan:

  1. Schrijf een transcriptie van de audio
  2. Plaats deze onder de video
  3. Goed voor SEO en toegankelijkheid

Gerelateerde artikelen

Hulp nodig?

We staan voor je klaar! Loop je ergens tegenaan of heb je vragen? Ons supportteam helpt je graag persoonlijk verder. Stuur ons een berichtje via het ticketsysteem - we reageren meestal binnen een paar uur en denken graag met je mee.