Als je een video embed in WordPress, dan is deze niet automatisch responsive. Het video-venster past zich niet automatisch aan de breedte van het scherm aan. Op kleine schermen (smartphones) kan het zijn dat maar een deel van de video zichtbaar is. Gelukkig zijn hiervoor verschillende oplossingen.
In WordPress is het super makkelijk om video te embedden. Embedden betekent dat je de video in een pagina of bericht van jouw website kunt afspelen. Hier lees je hoe je video kunt embedden in je website. Alleen… deze embed is niet responsive!
Responsive video embed
Responsive betekent dat de video zich automatisch aanpast aan de breedte van elk beeldscherm. Ook op je mobieltje zie je dan de hele video.
Als je thema responsive design ondersteunt is er niets aan de hand. Heb je (nog) geen responsive theme, dan kun je de plugin Responsive Video Embeds gebruiken. Deze plugin schaalt automatisch alle WordPress auto-embeds, inclusief video en andere iframes, voor responsive design.
Hieronder een voorbeeld.
Bekijk deze videoclip maar eens op je computer, je iPad en je iPhone: