Documentation Index

Fetch the complete documentation index at: https://docs.document360.com/llms.txt

Use this file to discover all available pages before exploring further.

Haftungsausschluss: Dieser Artikel wurde durch maschinelle Übersetzung erstellt.

As of 22 Nov 2025, the Markdown editor has been upgraded from v1.4.10 to v3.2.2. The toolbar, layout, icons, and editor structure remain unchanged.

Wie man YouTube Shorts einbettet

  • Aktualisiert am Jun 22, 2026
  • Veröffentlicht am Sep 9, 2024
  • 2 Gelesene Minute(n)
Prev Next

YouTube Shorts kann mit einem HTML-iframe in Ihre Artikel eingebettet werden. Obwohl YouTube derzeit keine direkte Einbettungsoption für Shorts anbietet, kann man sie anzeigen, indem man die Video-URL ändert, durch /embed/ersetzt /shorts/ und in ein iframe einfügt. Das gibt dir die volle Kontrolle über Maße, Rahmen und Styling des eingebetteten Videos.

Wann sollte man diese Technik anwenden

  • Einbettung von Kurzvideo-Inhalten: Zeigen Sie Produktanleitungen, schnelle Tipps oder Ankündigungen, die als YouTube Shorts erstellt wurden, direkt in Ihre Artikel an.
  • Ergänzung schriftlicher Schritte mit Video: Fügen Sie ein Shorts-Video zusammen mit einem Verfahren ein, das den Lesern eine visuelle Anleitung bietet, ohne die Seite zu verlassen.
HINWEIS

YouTube bietet derzeit keine native Einbettungsoption für Shorts an. Dieser Workaround funktioniert, indem man in der Video-URL durch ersetzt shorts embed . Wenn YouTube in Zukunft offizielle Shorts-Einbettungen hinzufügt, sollte diese Methode stattdessen verwendet werden.

Wie man einen YouTube-Short einbettet

  1. Geh auf YouTube und öffne das Shorts-Video, das du einbetten möchtest.

  2. Kopieren Sie die Video-URL mit einer der folgenden Methoden:

    • Kopieren Sie die URL aus der Adressleiste Ihres Browsers.
    • Klicken Sie auf Teilen > Kopieren.

  3. Füge die kopierte URL in das src Feld des iframe-Codes oben ein.

  4. In der URL ersetzen /shorts/ Sie durch /embed/.

    Zum Beispiel:

    Before: https://www.youtube.com/shorts/pVRefGmQDJM
After:  https://www.youtube.com/embed/pVRefGmQDJM

Screen recording showing a YouTube Shorts URL being modified by replacing the word shorts with embed before pasting into an iframe.

  1. Füge den fertigen iframe-Code in deinen Artikel mit der Codeansicht oder dem HTML-Block ein.

Kurze Referenz

Ersetze <Shorts_video_code> sie durch die ID deines Videos (den alphanumerischen Code am Ende der Shorts-URL).

<iframe width="315" height="560"
src="https://www.youtube.com/embed/<Shorts_video_code>"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
Spielfeld Default Anmerkungen
width 315 Anpassen Sie bei Bedarf und halten Sie das Seitenverhältnis bei.
height 560 Optimale Höhe für Shorts-Hochformate
src Ihre Video-URL Ersetzen /shorts/ Sie durch /embed/ in der URL
frameborder 0 In Pixel gesetzt, 0 entfernt den Rand

Beispiel

Code:

<iframe width="315" height="560"
src="https://www.youtube.com/embed/pVRefGmQDJM"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>

Ausgabe:

Umfang und Reichweite

Gegenstand Detail
Empfohlene Größe 315px × 560px (Hochformat, passt zum Shorts 9:16 Seitenverhältnis)
Individuelle Größen Unterstützt, Breite und Höhe anpassen, aber das Verhältnis 9:16 beibehalten
Editor-Unterstützung Jeder Editor, der HTML-iframe-Tags unterstützt
Native Embed-Option Derzeit nicht verfügbar für YouTube Shorts

Best Practices

  • Halten Sie immer das Bildformat 9:16 bei: Kurzfilme werden im Hochformat gedreht. Wenn du das Bild vergrößerst, halte das Breite-zu-Höhe-Verhältnis bei 9:16 (zum Beispiel 270×480 oder 360×640), um zu verhindern, dass das Video gestreckt oder zugeschnitten wirkt.
  • Verwendung frameborder="0": Setzt man den Rand auf null, erhält das ein saubereres Aussehen. Wenn du einen sichtbaren Rand möchtest, verwende CSS auf einem Wrapper <div> statt des frameborder Attributs, das in HTML5 veraltet ist.
  • Setzen allowfullscreen: Dieses Attribut ermöglicht es den Lesern, das Video auf den Vollbildmodus zu erweitern, was das Seherlebnis für Inhalte mit kleinem Text oder Details auf dem Bildschirm verbessert.
  • Testen Sie das Einbetten vor der Veröffentlichung: Nachdem Sie das iframe eingefügt haben, schauen Sie den Artikel vor, um sicherzugehen, dass das Video korrekt geladen wird. Wenn das Video einen Fehler zeigt, überprüfen Sie nochmal, dass dieser /shorts/ vollständig durch die URL ersetzt /embed/ wurde.
  • Halte Videotitel beschreibend: Das title Attribut auf dem iframe wird von Bildschirmlesern gelesen. Ersetzen Sie "YouTube video player" sie durch einen beschreibenden Titel, "Product setup walkthrough" um die Zugänglichkeit zu verbessern.
Verwandte Artikel