Let op! je moet werken met code

Stel je hebt een video geüpload naar een video platform zoals YouTube of Vimeo en deze wil je nu graag op je website toevoegen / embedden in plaats van mensen door te sturen naar een andere website. Hoe gaat dat dan in Sparkybag? Het eindresultaat waar we naar op zoek zijn:

YouTube

In Sparkybag kun je gebruik maken van twee editors namelijk CKEditor (dit is de standaard editor) en TinyMCE. Je kunt kiezen welke van deze je gebruikt door in het menu naar instellingen > configuratie te gaan. YouTube embedden met de CKEditor kan op twee manieren. De eerste manier is door gebruik te maken van de YouTube functionaliteit in de CKEditor zelf. Volledig rechts in de editor zie je een YouTube knop. Zodra je hier op klikt krijg je het volgende venster te zien.

Je moet in het invoerveld Paste YouTube Video URL de URL / het adres van de desgewenste YouTube video kopiëren. Deze staat in de URL / adresbalk van je browser.

Een (groot) nadeel van deze methode echter is dat de video een vast formaat heeft. Als je dus je website bekijkt op een kleiner apparaat zoals een tablet of een smartphone dan kun je de video niet zien omdat een gedeelte van het beeld van de pagina af valt.

De tweede manier om een YouTube video te embedded die lost dit probleem op door de video dynamisch schaalbaar te maken oftewel responsief (engels: responsive). Hierdoor blijft de video correct zichtbaar op elk apparaat groot of klein.

Embed en code

<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>