Du möchtest ein YouTube Short auf deiner Website einbetten? Oder mehrere YouTube Shorts? Dann ist dir vielleicht aufgefallen, dass das aktuell noch nicht so einfach möglich ist, wie bei „normalen“ YouTube Videos.
Wie du mit einem kleinen Trick trotzdem YouTube Shorts auf deiner Website einbetten kannst, zeige ich dir in diesem kleinen Mini-Tutorial.
Noch anzupassender iframe Code
<iframe width="315" height="560"
src="https://www.youtube.com/embed/YouTubeShortsCodeschnippsel"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>Benötigte Zeit: 3 Minuten
Anleitung zur Einbettung eines YouTube Short Videos
- Kopiere den Code von oben und füge diesen auf deine Website ein
Bei WordPress kannst du dafür z.B. den Gutenberg Block „Individuelles HTML“ nutzen. Oder du klickst bei einem normalen Text-Block auf die drei Punkte und wählst dann „Als HTML bearbeiten aus.“ Nun fügst du den Code von oben mit kopieren und einfügen ein.
- Öffne bei YouTube das entsprechende YouTube Short
Das ist wichtig, damit wir dann auch den Code für das richtige Video einbauen können.
- Kopiere den Link des Videos
Dazu kannst du im YouTube Short Video auf >Teilen und dann dann >Kopieren klicken. Alternativ kannst du auch die URL aus der Browserzeile oben kopieren.
- Füge den Link nun oben im fett markierten Abschnitt des Codes von oben ein
Achte dabei darauf, dass du nicht aus Versehen die Anführungszeichen entfernst oder einen Buchstaben / eine Zahl im Link vergisst.
- Ändere nun /shorts/ in /embed/ im Code
Die entsprechende Stelle habe ich dir im folgenden Screenshot auch noch einmal hervorgehoben:
- Speichere deinen Beitrag / deine Seite und schau sie dir im Live-Modus an
Hat es geklappt?
Ergebnis aus dem Beispiel
Beispiel mit Loop (Video startet automatisch neu)
<iframe width="315" height="560"
src="https://www.youtube.com/embed/HmwmiOJqhaA?loop=1&playlist=HmwmiOJqhaA"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>Fazit YouTube Shorts auf der Website einbetten
Es ist im Prinzip eine sehr einfache Geschichte. Warum YouTube es aktuell jedoch nicht direkt zum Einbetten anbietet, weiß ich nicht. Vielleicht wird es in Zukunft nach einem Update als Funktion ergänzt und du kannst dir diesen kleinen Umweg sparen.
Hallo Sebastian,
vielen lieben Dank für deinen Beitrag!
Ist es möglich, YouTube Shorts zu loopen?
Beste Grüße,
Vitali
Hi Vitali, danke für deinen Kommentar und die Frage zwecks automatischem Loop eines YouTube-Videos. Ich habe mir das angeschaut, das geht. Um ein eingebettetes YouTube Short im Loop abzuspielen, kannst du den Embed-Code wie folgt ergänzen:
Füge &loop=1&playlist=VIDEO_ID in den URL-Parameter ein. Ersetze dabei VIDEO_ID durch die ID deines Videos. Das funktioniert auch bei Shorts, solange du sicherstellst, dass die Video-ID in den Parametern für playlist und loop angegeben ist. Ich habe einen Beispiel-Code dafür auch oben im Artikel ergänzt. Bei mir wird das Video mit angepassten URL-Parameter dann erneut abgespielt, nachdem es eigentlich vorbei ist. Teste es gern mal bei dir, ob das auch bei dir klappt.
Liebe Grüße,
Sebastian