Shorts nutzen denselben Embed-Mechanismus wie jedes andere YouTube-Video, mit einem entscheidenden Layout-Unterschied: Sie sind vertikal, und dein Embed muss das widerspiegeln.
Die Video-ID in einem Shorts-Link finden
Eine Shorts-URL sieht aus wie youtube.com/shorts/VIDEO_ID, statt des üblichen Formats youtube.com/watch?v=VIDEO_ID. Die Video-ID selbst funktioniert in einer Embed-URL in beiden Fällen genau gleich; nur das Format des Freigabelinks unterscheidet sich.
Warum ein Standard-Embed falsch aussieht
Bettest du ein Short mit dem üblichen responsiven 16:9-Wrapper ein (padding-bottom: 56,25 %), erhältst du ein schmales vertikales Video in der Mitte einer breiten horizontalen Box, mit großen leeren Balken auf beiden Seiten. Das ist ein Layout-Konflikt, kein Fehler im Video selbst.
Die Lösung: ein 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>Der Wert 177,78 % ist 16 geteilt durch 9, die Umkehrung des Standardverhältnisses, und eine max-width verhindert, dass ein eingebettetes Short auf einer Desktop-Seite unnatürlich breit gestreckt wird.
Ohne Mathematik erledigen
Füge einen Shorts-Link in den Embed-Code-Generator ein, und er erkennt die /shorts/-URL automatisch und wechselt ohne manuelle Anpassung zum korrekten responsiven 9:16-Layout.
Wo Shorts-Embeds gut funktionieren
Ein vertikales Embed passt natürlich in eine Seitenleiste, eine schmale Inhaltsspalte oder einen eigenen Bereich für ein „vorgestelltes Short“, statt in einen breiten Hero-Bereich, der für Breitbildvideo gedacht ist.