De Rocketspark video block stelt je in staat video's te uploaden naar je webpagina. Echter, in sommige gevallen wil je dat de video op de achtergrond automatisch afspeelt. Om een autoplay achtergrondvideo te creëren, moet de video gehost zijn op Vimeo. Een Vimeo-account kun je hier aanmaken. Zodra je video gepubliceerd is, voeg je een Rocketspark video block toe aan je pagina en plak je de video-link. Om de video automatisch af te spelen, voeg je ?autoplay=1&muted=1 aan het einde van de video-URL toe en klik je op Opslaan.
Autoplay voor Vimeo versus YouTube
Vergeleken met Vimeo kunnen YouTube-video’s niet op dezelfde manier automatisch afspelen. Plak de code in een Code blok en pas eventuele parameters aan die je wilt veranderen. Gewone parameters om te wijzigen zijn breedte en hoogte. Om autoplay te bereiken, voeg je ?autoplay=1&mute=1 toe achter de YouTube-URL. Een volledige lijst met parameters kun je hier vinden: Supported Parameters. Als je wilt dat je video responsief is, moet je deze in de volgende code wikkelen, waarbij [Youtube Embed Code] wordt vervangen door bovengenoemde code. Als het geluid niet gedempt is, zal de video niet automatisch spelen.
Stapsgewijze handleiding voor autoplay met YouTube en Vimeo
- Vimeo - Zorg ervoor dat de video gehost is op Vimeo, voeg in Rocketspark het video blok toe en plak de videolink. Voeg achter de URL ?autoplay=1&muted=1 toe en sla op. De video zal automatisch starten zonder geluid.
- YouTube - Gebruik een Code blok en plak de embed code. Voeg achter de YouTube-URL ?autoplay=1&mute=1 toe. Voor een responsieve weergave wrap je de embed-code in de aanbevolen container met de juiste breedte en hoogte. Zorg dat geluid gemuteerd is, anders start de autoplay niet.
- Responsief maken - Gebruik de benodigde wrappingcode om ervoor te zorgen dat de video zich aanpast aan verschillende schermformaten. Vervang [Youtube Embed Code] door de daadwerkelijke embed-code.
Belangrijke overwegingen bij autoplay
Zorg ervoor dat het geluid uitstaat bij autoplay op basis van moderne browsersregels. Als het geluid niet gemute is, zal de video mogelijk niet automatisch afspelen. Controleer altijd de uiteindelijke URL en parameters voordat je de pagina publiceert.
Voorbeeldtabel: Samengevatte stappen per platform
| Platform | Stappen | Autoplay-parameters |
|---|---|---|
| Vimeo | Video blok toevoegen → videolink plakken → URL uitbreiden | ?autoplay=1&muted=1 |
| YouTube | Code blok embed code plaatsen → parameters toevoegen | ?autoplay=1&mute=1 |