Shorts gebruiken hetzelfde embedmechanisme als elke andere YouTube video, met één belangrijk verschil in lay-out: ze zijn verticaal, en je embedcode moet dat weerspiegelen.
De video ID vinden in een Shorts link
Een Shorts URL ziet eruit als youtube.com/shorts/VIDEO_ID, in plaats van het gebruikelijke formaat youtube.com/watch?v=VIDEO_ID. De video ID zelf werkt in beide gevallen precies hetzelfde in een embed URL, alleen het formaat van de deellink verschilt van elkaar.
Waarom een standaard embed er verkeerd uitziet
Als je een Short embedt met de gebruikelijke responsive 16:9 wrapper (padding-bottom: 56,25%), krijg je een smalle verticale video in het midden van een brede horizontale box, met grote lege balken aan weerszijden. Dat is een mismatch in lay-out, en geen fout in de video zelf.
De oplossing: een verticale 9:16 wrapper
<div style="position:relative;width:100%;max-width:315px;padding-bottom:177.78%;height:0;overflow:hidden;margin:0 auto;">
<iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allowfullscreen></iframe>
</div>Het cijfer 177,78% is 16 gedeeld door 9, het omgekeerde van de standaardverhouding, en een max-width voorkomt dat een ingesloten Short op een desktoppagina uitrekt tot een onnatuurlijk brede kolom.
Zonder de rekensom
Plak een Shorts link in de embed code generator en die detecteert de /shorts/ URL automatisch, en schakelt zonder handmatige aanpassing over naar de juiste 9:16 responsive lay-out.
Waar Shorts embeds goed werken
Een verticale embed past van nature in een zijbalk, een smalle contentkolom, of een speciale “uitgelichte Short” sectie, in plaats van een full-width hero gebied dat voor breedbeeldvideo bedoeld is.