Hoe stel je het blok Video in binnen een detail pagina template in Datamotive?
Leer hoe je een videoblok toevoegt aan een kolom binnen een detail pagina template en instelt met een thumbnail, beeldverhouding en video-URL.
Met het blok Video toon je een zelfgehost videobestand op de detailpagina van een voertuig. Je stelt een thumbnail in die wordt getoond voordat de video wordt afgespeeld, en bepaalt de beeldverhouding en resize methode. Wil je een YouTube-video tonen, gebruik dan het blok YouTube video.
Voorwaarde: het blok Video wordt toegevoegd binnen een kolom van een kolommenblok of paneel. Heb je nog geen kolommenblok aangemaakt? Raadpleeg dan eerst de handleiding [Hoe stel je het vlak Kolommen in binnen een detail pagina template in Datamotive?]
Voorwaarde: het blok Video wordt toegevoegd binnen een detail pagina template. Heb je nog geen detail pagina template aangemaakt? Raadpleeg dan eerst de handleiding [Hoe maak je een detail pagina template aan voor voertuigen in Datamotive?]
Een videoblok toevoegen
Stap 1 – Open de detail pagina template
Navigeer in het linkermenu naar Voertuigen > Detail pagina templates en open de template waaraan je een videoblok wilt toevoegen.
Stap 2 – Open de kolom
Open het kolommenblok of paneel en de kolom waaraan je het videoblok wilt toevoegen.
Stap 3 – Voeg een blok toe
Klik binnen de kolom op + Blok toevoegen en selecteer het bloktype Video.
Het videoblok instellen
Stap 4 – Voeg een thumbnail toe
Klik op Afbeelding toevoegen en selecteer de afbeelding die als thumbnail wordt getoond voordat de bezoeker de video afspeelt.
Stap 5 – Stel de beeldverhouding in
Kies bij Beeldverhouding de gewenste verhouding waarin de video wordt weergegeven. De beschikbare opties zijn:
- 1:1
- 4:3
- 3:2
- 16:9
Stap 6 – Stel de resize methode in
Kies bij Resize methode hoe de video wordt aangepast aan de ingestelde beeldverhouding. De beschikbare opties zijn:
- Bijsnijden (standaard) — de video wordt bijgesneden zodat deze de volledige ruimte vult.
- Witruimte toevoegen — de video wordt volledig weergegeven met witruimte rondom waar nodig.
- Uitrekken — de video wordt uitgerekt om de volledige ruimte te vullen.
Stap 7 – Stel autoplay in (optioneel)
Zet de toggle Autoplay aan als de video automatisch moet starten wanneer de bezoeker de pagina laadt.
Stap 8 – Vul de video-URL in
Vul in het veld Video URL (mp4) de directe URL in naar het mp4-videobestand dat je wilt tonen.
Opslaan en publiceren
Stap 9 – Sla op en publiceer
Klik linksboven op Opslaan. Publiceer de pagina om de wijzigingen zichtbaar te maken op de live website.
Overzicht instellingen
| Veld/optie | Beschrijving | Verplicht |
|---|---|---|
| Type | Bloktype, in dit geval Video | Ja |
| Afbeelding | Thumbnail die wordt getoond voordat de video wordt afgespeeld | Nee |
| Beeldverhouding | Verhouding van de video: 1:1, 4:3, 3:2 of 16:9 | Nee |
| Resize methode – Bijsnijden (standaard) | Snijdt de video bij zodat deze de volledige ruimte vult | Nee |
| Resize methode – Witruimte toevoegen | Toont de video volledig met witruimte rondom | Nee |
| Resize methode – Uitrekken | Rekt de video uit om de volledige ruimte te vullen | Nee |
| Autoplay | Laat de video automatisch starten bij het laden van de pagina | Nee |
| Video URL (mp4) | Directe URL naar het mp4-videobestand | Ja |