--- url: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/video' title: 'Een video toevoegen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2023-11-06T09:37:43+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: "Je krijgt een YouTube- of Vimeo-video die in je kolom past, met een optionele omslagafbeelding en afspeelknop. Gebruik hem voor productdemo's, colleges, tutorials of promoclips." tags: - 'Text and media' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Een video toevoegen' description: "Je krijgt een YouTube- of Vimeo-video die in je kolom past, met een optionele omslagafbeelding en afspeelknop. Gebruik hem voor productdemo's, colleges, tutorials of promoclips." image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2023-11-06T09:37:43+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/video' articleSection: 'Tekst en media' - '@type': WebPage '@id': 'https://dxpr.com/nl/hc/documentatie/dxpr-builder-leren/elementen/video' description: "Je krijgt een YouTube- of Vimeo-video die in je kolom past, met een optionele omslagafbeelding en afspeelknop. Gebruik hem voor productdemo's, colleges, tutorials of promoclips." breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Home item: 'https://dxpr.com/nl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: nl --- [Helpcentrum](/nl/hc)/[Documentatie](/nl/hc/documentatie) /[DXPR Builder leren](/nl/hc/documentation/learn-dxpr-builder) /[Pagina’s bouwen](/nl/hc/documentation/learn-dxpr-builder/build) /[Content toevoegen](/nl/hc/documentation/learn-dxpr-builder/elements) /[Tekst en media](/nl/hc/documentation/learn-dxpr-builder/elements/text-and-media) # Een video toevoegen. DXPR Builder lerenPagina’s bouwenContent toevoegenTekst en media ## In deze gids Gerelateerde gidsen - [Het uiterlijk van een element wijzigen in het paneel Stijl](/nl/hc/documentatie/dxpr-builder-leren/elementinstellingen/stijl-tabblad) Je krijgt een YouTube- of Vimeo-video die in je kolom past, met een optionele omslagafbeelding en afspeelknop. Gebruik hem voor productdemo's, colleges, tutorials of promoclips. ## Een video toevoegen Open je pagina terwijl je bent ingelogd: de builder-knoppen verschijnen als je met de muis over het inhoudsgebied beweegt. [Je eerste pagina](/nl/hc/documentatie/dxpr-builder-leren/aan-de-slag/eerste-pagina) legt de basis uit. 1. Beweeg over de kolom en klik op **+** in de besturingsbalk, of klik op **Add Elements** op een lege pagina. Open het tabblad **Inhoud** en klik op **Video**. De video komt bovenaan de kolom te staan en het dialoogvenster opent. 2. Plak of typ een YouTube- of Vimeo-URL in **Videolink**. 3. Klik onder **Afbeelding** op **Afbeelding selecteren** om de **Mediabrowser** te openen. Om een foto te vinden typ je een deel van zijn naam en klik je op **Filters toepassen**. Vink de foto aan en klik op **Geselecteerde invoegen**. Het wordt de omslagafbeelding. 4. Kies of de **Afspeelknop in themastijl** boven op de omslagafbeelding verschijnt. Hij staat standaard uit. Hier staat hij aan. 5. Klik in het dialoogvenster op **Opslaan**. Klik daarna op **Opslaan** in de werkbalk bovenaan het inhoudsgebied om de pagina op te slaan. ## Wat je ziet Je video verschijnt in een 16:9-frame over de kolom. In de video vult de omslagfoto het frame en staat de afspeelknop in themastijl erbovenop. De YouTube-speler laadt pas als iemand op de foto of de knop klikt. Bezoekers zien hem zodra je de pagina opslaat en publiceert. ## Je video instellen Beweeg over het element en open **More > Settings** in de besturingsbalk. Opties: - **Videolink:** de YouTube- of Vimeo-URL. Standaard-, korte en embedlinks werken allemaal. - **Videobreedte:** een CSS-breedte zoals `100%` of `800px`. De standaard is `100%`. - **Afbeelding:** een omslagafbeelding die verschijnt voordat de video speelt. Met een ingestelde afbeelding laadt de YouTube- of Vimeo-speler pas als de bezoeker klikt, zodat de pagina sneller laadt. - **Afspeelknop in themastijl:** een afspeelknop in de primaire kleur van je thema, getoond over de video of de afbeelding. Hij staat standaard uit. Een klik erop, of op de afbeelding, start de video zonder geluid. ## Als je het niet ziet - **Video staat niet in het tabblad Inhoud.** Je gebruikersprofiel verbergt hem. Vraag een beheerder om hem in te schakelen in [Gebruikersprofielen](/nl/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin). - **Hij is weg na het herladen.** De pagina is niet opgeslagen. Voeg hem opnieuw toe en klik op **Opslaan** in de werkbalk bovenaan het inhoudsgebied. - **Er verschijnt een lege ruimte in plaats van de speler.** De **Videolink** is leeg of heeft een URL die niet van YouTube of Vimeo is. Beweeg over het element en open **More > Settings** en plak een geldige YouTube- of Vimeo-URL. - **De speler toont een fout in plaats van de video.** De video is privé, of de eigenaar staat insluiten niet toe. Maak hem openbaar of niet-vermeld en sta insluiten toe op YouTube of Vimeo, of link een andere video. - **De video is te breed of te smal voor de kolom.** **Videobreedte** heeft een vaste grootte, zoals `800px`. Zet hem op `100%` om de kolom te vullen. ## Wat nu? [Tabblad Stijl](/nl/hc/documentation/learn-dxpr-builder/element-settings/style-tab) om de witruimte en achtergrond van je video aan te passen.