So betten Sie ein YouTube-Video in WordPress ein (Schritt-für-Schritt-Anleitung)

Veröffentlicht: 2021-10-10

Wenn Sie ein YouTube-Video in WordPress-Inhalte einbetten, kann dies dazu beitragen, Ihre Leser einzubeziehen, die auf der Seite verbrachte Zeit zu verlängern und den Benutzern ein besseres Erlebnis zu bieten.

Es gibt mehrere Möglichkeiten, wie Sie Videos in Inhalte in WordPress einbetten können. In diesem Schritt-für-Schritt-Tutorial führen wir Sie durch jede Methode. Am Ende des Leitfadens wissen Sie genau, wie Sie YouTube-Videos in Ihre WordPress-Posts und -Seiten einfügen und wie Sie sie so aussehen und funktionieren lassen, wie Sie es möchten.

In diesem Artikel

    Methode 1: Verwenden von Ausschneiden und Einfügen zum Einbetten von YouTube-Videos

    Wir beginnen mit der einfachsten Methode, bei der Sie einfach die YouTube-Video-URL in Ihren Inhalt einfügen.

    Wenn Sie den WordPress-Blockeditor verwenden, erkennt er automatisch, dass Sie einen Videolink eingefügt haben, und konvertiert ihn in den entsprechenden Block.

    Schritt 1: Kopieren Sie die Video-URL

    Der einfachste Weg, dies zu tun, besteht darin, die gesamte URL in der Adressleiste Ihres Browsers auszuwählen und STRG+C auf einem PC oder Befehlstaste+C auf einem Mac zu drücken (oder mit der rechten Maustaste zu klicken/mit zwei Fingern zu klicken, um das Kontextmenü aufzurufen und „Kopieren“ auswählen.

    YouTube-URL kopieren

    Sie können auch bis direkt unter das Video scrollen und auf den Link „Teilen“ klicken. Ein Popup-Fenster mit der URL und Links zum Teilen in sozialen Medien wird angezeigt. Es gibt auch eine „Einbetten“-Option, aber Sie können diese vorerst ignorieren.

    Wie man ein YouTube-Video ab einem bestimmten Zeitpunkt in WordPress einbettet

    Praktischer Tipp: Wenn Sie den Link aus dem YouTube Share-Popup verwenden, können Sie Ihr eingebettetes YouTube-Video zu einem bestimmten Zeitstempel starten.

    Halten Sie das Video einfach an der Stelle an, an der es beginnen soll, bevor Sie auf den Link „Teilen“ klicken, um ein Popup mit Optionen zum Teilen anzuzeigen. Aktivieren Sie dann das Kontrollkästchen neben „Start at 2:18“ (oder wann auch immer Sie das Video angehalten haben), bevor Sie auf „COPY“ klicken, um den Link zu kopieren. Dadurch wird der URL ein Parameter hinzugefügt, um sie zu dem Zeitpunkt zu starten, zu dem Sie angehalten haben.

    Wie man YouTube-Videos ab einem bestimmten Zeitpunkt einbettet

    Schritt 2: Fügen Sie die URL in Ihren Inhalt ein

    Nachdem Sie die Video-URL kopiert haben, müssen Sie sie einfach in Ihren Inhalt einfügen. Klicken Sie auf die Stelle mit der Aufschrift „Beginnen Sie mit dem Schreiben oder geben Sie / ein, um einen Block auszuwählen“ und drücken Sie STRG-P/Befehlstaste-P oder klicken Sie mit der rechten Maustaste und wählen Sie „Einfügen“.

    Einfügen der YouTube-URL in WordPRess

    WordPress erkennt, dass Sie einen YouTube-Videolink eingefügt haben, und konvertiert ihn automatisch in einen YouTube-Block.

    WordPress YouTube-Block

    Methode 2: Verwenden des YouTube-Blocks

    Die zweite Möglichkeit, ein YouTube-Video in einen WordPress-Beitrag einzubetten, besteht darin, selbst einen YouTube-Block zu erstellen.

    Schritt 1: Kopieren Sie die YouTube-Video-URL

    Diese Methode beginnt genauso wie die Copy-and-Paste-Methode: Kopieren Sie die URL des Videos, das Sie einbetten möchten, aus der URL-Leiste in Ihrem Browser oder dem YouTube-Popup „Teilen“.

    Schritt 2: Erstellen Sie einen YouTube-Block

    Es gibt zwei Möglichkeiten, einen neuen Block zu Ihrem WordPress-Inhalt hinzuzufügen. Wählen Sie die, die Sie bevorzugen.

    Sie können entweder auf das +-Symbol klicken, wodurch ein Popup-Fenster angezeigt wird, in dem Sie nach einem Blocktyp suchen oder suchen können.

    Hinzufügen des WordPress-YouTube-Blocks

    Klicken Sie auf die Option „YouTube“, um einen YouTube-Block zu erstellen. Möglicherweise müssen Sie danach suchen, wenn es nicht sofort sichtbar ist.

    Wenn Sie es vorziehen, vollständig über Ihre Tastatur zu arbeiten, anstatt mit der Maus oder dem Trackpad zu klicken, können Sie „/“ eingeben, um eine Liste gängiger Blöcke aufzurufen, mit den Pfeiltasten zur YouTube-Option blättern und die Eingabetaste drücken, um YouTube zu erstellen Block.

    Hinzufügen des Youtube-Blocks (Tastaturmethode)

    Schritt 3: Fügen Sie die YouTube-URL ein

    Klicken Sie auf die Stelle mit der Aufschrift „URL zum Einbetten hier eingeben…“ und drücken Sie STRG-P/Befehl-P oder klicken Sie mit der rechten Maustaste und wählen Sie „Einfügen“, um die URL in den YouTube-Block einzufügen, und klicken Sie auf die Schaltfläche „Einbetten“.

    Einfügen der YouTube-URL

    Nachdem das Video eingebettet wurde, sehen Sie, wie es in Ihren Inhalten aussehen wird.

    YouTube-Blockvorschau

    Methode 3: Verwenden des Videoblocks

    Sie können den WordPress-Videoblock auch verwenden, um YouTube-Videos in Ihre Beiträge und Seiten einzubetten. Es gibt keinen Grund, diesen Block über dem YouTube-Videoblock zu verwenden, aber wenn Sie ein vorhandenes selbst gehostetes Video oder ein Video von einer anderen Website haben, das Sie in ein YouTube-Video ändern möchten, können Sie den Block bearbeiten, um stattdessen die YouTube-URL einzufügen.

    Schritt 1: Kopieren Sie die YouTube-URL

    Kopieren Sie die YouTube-URL aus der Adressleiste Ihres Browsers oder aus dem YouTube-Popup „Teilen“, genau so, wie die beiden vorherigen Methoden begonnen haben.

    Schritt 2: Finden Sie den WordPress-Videoblock

    Klicken Sie auf das +-Symbol und geben Sie „Video“ in das resultierende Popup ein, um den Videoblock zu finden

    WordPress-Videoblock

    Schritt 3: Erstellen Sie einen Videoblock

    Klicken Sie auf die Option „Video“, um einen Videoblock zu erstellen. Klicken Sie auf die Option „Von URL einfügen“.

    Einfügen eines Videos von URL

    Schritt 4: Fügen Sie die YouTube-Video-URL ein

    Fügen Sie die zuvor kopierte YouTube-URL in das angezeigte Feld ein und drücken Sie die Eingabetaste. WordPress erstellt einen YouTube-Block, der das Video anzeigt.

    Sie können diese Methode auch verwenden, um Videos von anderen Websites einzubetten.

    Methode 4. Einbetten eines YouTube-Videos mit einem Iframe

    Es gibt eine andere Möglichkeit, YouTube-Videos in Ihre Posts und Seiten einzubetten, die etwas technischer ist, aber es kann eine Alternative sein, wenn Sie es mit Standardeinbettungen versuchen möchten.

    Sie haben mit dieser Methode auch mehr Kontrolle darüber, wie Ihr Video angezeigt wird, wenn Sie den Code bearbeiten möchten.

    Aber seien Sie sich bewusst – das Einbetten von Videos auf diese Weise kann mit Ihrem Thema in Konflikt geraten und die Formatierung Ihrer Inhalte durcheinander bringen. Betrachten Sie es also als letzten Ausweg, nachdem Sie die anderen Möglichkeiten ausprobiert haben.

    Schritt 1: Kopieren Sie den YouTube-Einbettungscode

    Um ein YouTube-Video auf diese Weise einzubetten, benötigen Sie mehr als die Video-URL. Glücklicherweise gibt dir YouTube den Code, den du brauchst.

    Suchen Sie das Video, das Sie verlinken möchten, auf YouTube und klicken Sie unter dem Video auf den Link „Teilen“. Klicken Sie auf die Option „Einbetten“.

    Youtube-Einbettungsoption

    Dadurch wird eine Vorschau des Videos und Code zum Einbetten als Iframe angezeigt. Klicken Sie auf „KOPIEREN“, um den Code zu kopieren.

    Kopieren des Youtube-Einbettungs-IFRAM-Codes

    Schritt 2: Fügen Sie Ihrem WordPress-Beitrag oder Ihrer Seite einen benutzerdefinierten HTML-Block hinzu

    Klicken Sie zurück in Ihrem WordPress-Dashboard auf das +-Symbol, um wie in den vorherigen Schritten einen neuen Block hinzuzufügen.

    Suchen Sie nach „Benutzerdefiniertes HTML“ und wählen Sie den Block aus, um ihn Ihrem Inhalt hinzuzufügen.

    Benutzerdefinierter HTML-Block

    Schritt 3: Fügen Sie den YouTube-Einbettungscode ein

    Verwenden Sie STRG-P/Befehl-P, um den Code, den Sie gerade aus WordPress kopiert haben, in den Block einzufügen.

    Einfügen in den YouTube-Einbettungscode

    Wenn Sie über dem Code auf die Option „Vorschau“ klicken, sollten Sie das eingebettete Video sehen können.

    Vorschau des eingebetteten Videos

    Methode 5: So betten Sie ein YouTube-Video als WordPress-Sidebar-Widget ein

    Sie können YouTube-URLs genauso in Widgets einfügen wie in Seiten- und Post-Inhalte.

    Wenn Sie ein YouTube-Video in die Seitenleiste, die Fußzeile oder an eine andere Stelle Ihrer WordPress-Site einbetten möchten, können Sie es als Widget hinzufügen.

    Schritt 1: Kopieren Sie die YouTube-Video-URL

    Beginnen Sie wie bei den meisten anderen Einbettungsmethoden damit, das Video zu finden, das Sie auf YouTube verlinken möchten, und kopieren Sie die URL des Videos.

    Schritt 2: Fügen Sie Ihrer WordPress-Site ein Text-Widget hinzu

    Gehen Sie in Ihrem WordPress-Dashboard zu Aussehen > Widgets und ziehen Sie ein neues Text-Widget in Ihre Seitenleiste oder einen anderen Widget-Bereich.

    Text-Widget zur Seitenleiste hinzufügen

    Schritt 3: Fügen Sie die Video-URL in das Text-Widget ein

    Stellen Sie sicher, dass die Registerkarte „Visuell“ des Hauptinhaltsbereichs ausgewählt ist und nicht „Text“. Fügen Sie die YouTube-Video-URL in den Hauptinhaltsbereich des Widgets ein.

    Wenn die Einbettung funktioniert, sollten Sie das Video sofort so sehen, wie es auf Ihrer Website erscheint.

    Einbetten von YouTube-Videos in das Seitenleisten-Widget

    Wenn Sie möchten, können Sie dem Widget auch einen Titel hinzufügen.

    Schritt 4: Speichern Sie das Widget

    Achten Sie darauf, auf die Schaltfläche „Speichern“ unten im Widget zu klicken, um Ihre Änderungen zu veröffentlichen. Sie sollten das Video jetzt im Seitenleisten-Widgetbereich am Frontend Ihrer Website anzeigen können.

    Wie das YouTube-Widget aussieht

    Methode 6: Verwenden Sie ein WordPress Video Embed Plugin

    Sie müssen kein Plugin verwenden, um YouTube-Videos in WordPress einzubetten. Plugins können jedoch zusätzliche Anzeigeoptionen und erweiterte Funktionen bieten.

    Einige Plugins, die Sie vielleicht ausprobieren möchten, sind:

    Betten Sie Plus für YouTube ein

    EmbedPlus für YouTube

    Mit Embed Plus können Sie eine Galerie mit YouTube-Videos aus einem Kanal oder einer Wiedergabeliste einbetten. Sie können aus mehreren Galerie-Layouts wählen und optional Videos in einer Lightbox abspielen. Sie können auch Live-Chat und Live-Streams in Ihre WordPress-Site einbetten.

    Es gibt auch erweiterte Optionen zum Anzeigen und Abspielen von YouTube-Videos, darunter das Anzeigen oder Ausblenden von Player-Steuerelementen, das automatische Abspielen von Videos, das standardmäßige Ein- oder Ausschalten von Untertiteln, das Wiederholen von Videos und mehr.

    Preis: Kostenlos für die Basisversion, Premium-Plugin ab 39,99 $

    Holen Sie sich Embed Plus für YouTube

    Smash Balloon Feeds für YouTube Pro

    Zerschlagen Sie Ballon-Feeds für YouTube

    Das Smash Balloon YouTube-Plug-in macht es einfach, wunderschön gestaltete YouTube-Feeds auf Ihrer Website mit Funktionen wie Videosuche, benutzerdefinierten Pausen- und Endaktionen, Live-Streaming und mehr zu erstellen.

    Das Plugin enthält einen Gutenberg-Block, sodass Sie YouTube-Feeds schnell direkt aus dem Blockeditor hinzufügen können, und es gibt eine Vielzahl von Feed-Layouts und Anpassungsoptionen, um Feeds nach Ihren Wünschen zu gestalten.

    Preis: 49 $

    Holen Sie sich Smash Balloon YouTube-Feeds

    YotuWP Einfache YouTube-Einbettung

    YotuWP-Videogalerie

    YotoWP ist ein Videogalerie-Plugin für WordPress, das es einfach macht, schöne Galerien für Ihre YouTube-Videos mit Optionen zum Importieren mehrerer Videos nach Wiedergabeliste oder Kanal zu erstellen.

    Das Plugin ist für schnelles Laden und einfache Anpassung mit einer Auswahl von 5 Miniaturbildstilen, Video-Lightbox-Popups, Videogalerie-Layout mit Big Player, Miniaturbild-Hover-Animationen und mehr konzipiert.

    Preis: Kostenlos für Basisfunktionen, 21 $ für Premiumfunktionen

    Holen Sie sich das YotoWP Video Gallery Plugin

    WP YouTube Lyte

    Wenn Sie mehrere Videos in eine Ihrer WordPress-Inhaltsseiten einbetten, kann dies die Seite erheblich verlangsamen. Das liegt daran, dass jedes Video externe Skripte von YouTube lädt.

    Das Plugin WP YouTube Lyte ermöglicht das Lazy Load von YouTube-Videos, sodass das Skript erst geladen wird, wenn das Video abgespielt wird. Dies kann die Ladezeit Ihrer Seite erheblich verkürzen und Ihre Website beschleunigen.

    Preis: Kostenlos

    Holen Sie sich WP YouTube Lyte

    PublishPress Blocks Erweiterter Videoblock

    PublishPress blockiert den erweiterten Videoblock

    PublishPress Blocks ist nicht wirklich ein Plug-in zum Einbetten von Videos. Es ist eine Sammlung von Gutenberg-Blöcken, die Sie zu den grundlegenden WordPress-Blöcken hinzufügen können, um zusätzliche Gestaltungs- und Formatierungsoptionen für verschiedene Inhaltstypen zu erhalten.

    Das Plugin enthält Blöcke für Schaltflächen, Bilder, Formulare, Tabellen und andere Inhaltselemente sowie Videoblöcke.

    Sie können den erweiterten Videoblock verwenden, um Videos von YouTube und Vimeo einzubetten. Sie können wählen, ob Sie Videos in einem Leuchtkasten abspielen, die Videogröße anpassen, die Farbeinstellungen ändern und den Stil und die Größe der Wiedergabeschaltfläche ändern möchten.

    Preis: 99 $ einschließlich des PublishPress-Designs und aller PublishPress-Plug-ins zum Planen von Inhalten und zum Verwalten von Autoren, Berechtigungen und Überarbeitungen. Dieses Paket eignet sich ideal zur Verbesserung des Inhaltsveröffentlichungsprozesses für größere Websites mit mehreren Autoren.

    Besuchen Sie PublishPress-Blöcke

    Häufig gestellte Fragen zu YouTube-Videoeinbettungen

    Welche Methode zum Einbetten von YouTube-Videos ist die beste?

    Alle ersten drei Methoden haben das gleiche Ergebnis (Erstellen eines YouTube-Blocks mit dem eingebetteten Video), sodass Sie die Methode verwenden können, die Sie einfacher finden. (Ich empfehle die grundlegende Cut-and-Paste-Methode!)

    Wenn Sie erweiterte Wiedergabesteuerungen oder Anzeigeoptionen wünschen, probieren Sie eines der Videoeinbettungs-Plugins für zusätzliche Videoeinbettungsfunktionen aus.

    Funktionieren diese Methoden mit Videos auf anderen Websites wie Vimeo?

    Ja. WordPress unterstützt Videoeinbettungen von Websites, einschließlich:

    –Amazonas
    – VideoPress
    - Youtube
    – Vimeo
    – Animoto
    – DailyMotion
    - Tick Tack
    – TED
    – WordPress.tv
    – Wolkenbildung
    – Flickr
    – Tumblr

    Wenn Sie einen Videolink von einer dieser Seiten in Ihren Inhalt einfügen oder den Videoblock verwenden, konvertiert WordPress ihn in den entsprechenden Block und bettet das Video automatisch ein.

    Wie kann ich eine Bildunterschrift schreiben?

    Der YouTube-Block enthält eine optionale Beschriftung. Klicken Sie einfach unter das Video, nachdem es eingebettet wurde, und geben Sie die Eingabeaufforderung „Bildunterschrift schreiben…“ ein.

    Wie kann ich die Größe eines eingebetteten YouTube-Videos in WordPress ändern

    Wenn Sie auf das Ausrichtungssymbol in der Symbolleiste über dem YouTube-Block klicken, können Sie die Ausrichtung des Videos anpassen, wodurch auch seine Größe angepasst wird. Wenn Sie das Video nach links oder rechts ausrichten, wird es kleiner.
    YouTube-Blockausrichtung
    Um jedoch mehr Kontrolle über die Größe des Videos zu haben, müssen Sie ein Plugin verwenden, die Iframe-Einbettungsmethode verwenden und den Code bearbeiten, um die Videogröße anzupassen, oder benutzerdefiniertes CSS verwenden, um die Größe anzupassen.

    Wie kann ich mit dem klassischen Editor einbetten?

    Diese Anweisungen beziehen sich auf die Verwendung des Gutenberg-Blockeditors, aber Sie können dieselbe Methode zum Ausschneiden und Einfügen verwenden, um YouTube-Videos in den klassischen WordPress-Editor einzubetten.
    Kopieren Sie einfach die URL und fügen Sie sie in der visuellen Ansicht in den Editor ein, und Sie sollten eine Vorschau Ihres Videos sehen.

    Warum kann ich keine YouTube-Videos in WordPress einbetten?

    Wenn Ihre Videoeinbettung nicht funktioniert, kann dies mehrere Gründe haben.

    Überprüfen Sie zunächst den kopierten Link, indem Sie ihn in einen Browser einfügen. Sie können mit dem WordPress-YouTube-Block nur Standard-YouTube-Videos einbetten und keine YouTube-Kanäle verlinken.

    Sie können auch versuchen, den Link aus dem YouTube Share-Popup zu kopieren, wenn er sich von dem Link in der Adressleiste des Browsers unterscheidet.

    Wenn Sie sicher sind, dass der Link korrekt ist, versuchen Sie es mit der obigen Iframe-Videoeinbettungsmethode. Manchmal funktioniert diese Methode, wenn die standardmäßigen Videoeinbettungen fehlschlagen.

    Manchmal funktionieren Videoeinbettungen nicht, weil der Ersteller das Einbetten deaktiviert hat oder die Datenschutzeinstellungen das Teilen nicht zulassen. In diesem Fall müssen Sie ein anderes Video finden.

    Wenn Sie keine Videos einbetten können, deaktiviert möglicherweise ein Plugin die Einbettungsfunktion von WordPress. Versuchen Sie, Ihre Plugins nacheinander zu deaktivieren, um festzustellen, ob eines davon das Problem verursacht.

    Soll ich meine eigenen Videos auf WordPress oder YouTube hochladen?

    Sie können zwar Videos direkt in WordPress hochladen und auf Ihrer eigenen Website hosten, aber wir würden dies in den meisten Fällen nicht empfehlen.

    Videos nehmen viel Speicherplatz und Bandbreite in Anspruch. YouTube ist für Videos optimiert, sodass sie schnell geladen werden und es nicht zu viel Pufferung geben sollte, solange Ihre Verbindungsgeschwindigkeit angemessen ist.

    Wenn Sie Videos auf Ihrer eigenen Website hosten, werden diese möglicherweise langsam geladen, hören nach einigen Sekunden auf zu spielen oder funktionieren auf einigen Geräten überhaupt nicht. Videos verbrauchen auch Ihre Serverressourcen und zu viele Anfragen an Ihre Website können alles verlangsamen. Websites, die viele Videos hosten, müssen normalerweise hohe Hosting-Rechnungen für zusätzlichen Speicherplatz und Bandbreite bezahlen.

    Abschließende Gedanken

    Ich hoffe, dieser Leitfaden hat Ihnen geholfen, ein YouTube-Video auf Ihrer Website einzubetten. Es ist ziemlich einfach, in WordPress zu tun! Haben Sie weitere Fragen oder Tipps? Gehen Sie voran und hinterlassen Sie sie in den Kommentaren!