Shorts använder samma inbäddningsmekanism som vilken annan YouTube-video som helst, med en viktig layoutskillnad: de är vertikala, och din inbäddning behöver återspegla det.
Hitta video-ID:t i en Shorts-länk
En Shorts-URL ser ut som youtube.com/shorts/VIDEO_ID, i stället för det vanliga formatet youtube.com/watch?v=VIDEO_ID. Video-ID:t i sig fungerar exakt likadant i en inbäddnings-URL oavsett; bara delningslänkens format skiljer sig.
Varför en vanlig inbäddning ser fel ut
Om du bäddar in en Short med den vanliga responsiva 16:9-wrappern (padding-bottom: 56,25 %) får du en smal vertikal video mitt i en bred horisontell ruta, med stora tomma ränder på ömse sidor. Det är en layoutmiss, inte ett fel i själva videon.
Lösningen: en 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>Siffran 177,78 % är 16 delat med 9, det omvända av standardförhållandet, och en max-width förhindrar att en inbäddad Short sträcks ut till en onaturligt bred kolumn på en skrivbordssida.
Göra det utan matematiken
Klistra in en Shorts-länk i embed-kodgeneratorn så upptäcker den /shorts/-URL:en automatiskt och växlar till den korrekta responsiva 9:16-layouten utan någon manuell justering.
Var Shorts-inbäddningar fungerar bra
En vertikal inbäddning passar naturligt i en sidopanel, en smal innehållskolumn eller ett dedikerat “utvald Short”-avsnitt, snarare än ett fullbrett hero-område designat för bredbildsvideo.