Het videoblok is een blok dat je kunt gebruiken om videobestanden toe te voegen.
1. Hoe voeg ik het blok toe? #
Klik op het +-icoon in de hoofdnavigatie of in het contentgebied. Typ ‘video’ en klik op het videoblok-icoon om het toe te voegen.
Vervolgens zie je de onderstaande opties:
- Kies voor ‘Upload’ om een video vanaf je computer te uploaden.
- Kies voor ‘Mediabibliotheek’ om een (al eerder geüploade) video uit de mediabibliotheek te halen.
- Kies voor ‘Invoegen vanaf een URL’ om een video vanuit een cloudopslag toe te voegen.
2. Blokwerkbalk #
Selecteer het blok zodat de blokwerkbalk (erboven) zichtbaar wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.
2.1. Verander naar een ander type blok #
Standaard staat hier het (geselecteerde) blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen zonder dit blok te verwijderen en opnieuw op het +-icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.
2.2. Blok verplaatsen #
Het icoon met zes stipjes heeft een sleepfunctie. Klik op deze puntjes en houd ze vast om het blok naar een nieuwe locatie te verplaatsen. Naast de sleepfunctie staat een icoon met een pijltje omhoog en omlaag. Klik op een van de pijltjes om het blok omhoog of omlaag te schuiven.
2.3. Verander uitlijning #
Verander hiermee de uitlijning naar:
- Geen
- Wijd
- Volle breedte
- Links
- Midden
- Rechts
2.4. Bijschrift toevoegen #
Klik op deze optie om een klein tekstvakje onder de afbeelding/video toe te voegen. Typ je bijschrift in het vak waar ‘Bijschrift toevoegen’ staat.
2.5. Tekst tracks #
Tracks kunnen ondertitels, bijschriften, hoofdstukken of beschrijvingen bevatten. Ze helpen om de content toegankelijker te maken.
Upload een track of open een eerder geüpload bestand uit de mediabibliotheek.
2.6. Toevoegen/ vervang #
Hiermee kun je video’s toevoegen of vervangen. Klik hierop om de mediabibliotheek te openen of een andere video te uploaden.
2.7. Meer opties #
Onder dit icoon vind je meer bewerkingsfuncties zoals dupliceren, verwijderen, invoegen voor, invoegen na en bewerken in HTML. Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wilt gebruiken.
3. Blokinstellingen #
De blokinstellingen zijn verdeeld in twee tabbladen: Instellingen ( 
) en Stijlen ( 
).
3.1. Instellingen #
Pas hier de werking van het blok aan.
3.1.1. Instellingen #
- Automatisch afspelen: de browser speelt de video direct af zodra de bezoeker de pagina opent.
- Lus: de video wordt eindeloos herhaald.
- Gedempt: speelt de video af zonder geluid.
- Afspeelknoppen: zorgt voor de zichtbaarheid van de afspeelknop en andere bedieningsknoppen. Deze schakelaar staat standaard aan.
- Inline afspelen: zorgt ervoor dat de video wordt afgespeeld binnen het blok in plaats van op volledig scherm.
3.1.2. Voorladen #
Je kunt kiezen uit drie opties:
- Automatisch: het hele videobestand wordt gedownload, ongeacht of de bezoeker erop klikt. Dit heeft de grootste (negatieve) impact op de websiteprestaties.
- Metadata: alleen de basisinformatie van de video wordt gedownload. De rest wordt geladen zodra de bezoeker op de video klikt.
- Geen: er wordt niets gedownload totdat de bezoeker op de video klikt.
3.1.3. Posterafbeelding #
Kies hier een afbeelding die wordt getoond voordat de video begint af te spelen. Dit is handig als het eerste frame van de video niet representatief of aantrekkelijk is voor de inhoud.
3.1.4. Geavanceerd #
Bloknaam
Pas hier de naam van het blok aan. Deze bloknaam vind je terug in het ‘Documentoverzicht’.
HTML-Anchor
Dit is een plek op je pagina waar je naartoe kunt linken. Vul hier een woord in dat je elders in een link gebruikt, zodat de bezoeker direct naar deze plek wordt geleid.
Extra CSS-klasse
Gebruik dit veld om extra CSS-klassen toe te voegen.
3.2. Stijlen #
Pas hier de opmaak van het blok aan.
3.2.1. Afmetingen #
Pas hier de ruimte rondom het blok aan.
Klik op het +-icoon achter ‘Afmetingen’ en maak een keuze.
Padding
De padding is de ruimte tussen de rand van het blok en de tekst.
Klik op dit icoon ( 
) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( 
). Kies hier voor PX, %, EM, REM, VW of VH. Uitleg hierover vind je in dit overzicht.
Marges
De marge bepaalt de ruimte tussen de blokken.
Klik op dit icoon ( ) om te kiezen welke zijden je wilt aanpassen. Verschuif de blauwe stip om de marges groter of kleiner te maken.
Wil je het zelf instellen? Klik dan op dit icoon ( ). Kies hier voor PX, %, EM, REM, VW of VH. Uitleg hierover vind je in dit overzicht.