Wie man YouTube-Videos in WordPress einbettet (und 2 kreative Möglichkeiten, sie zu verwenden) (mit Video)

Zuletzt aktualisiert - 8. Juli 2021

Vor einigen Jahren war Video ein teures Marketinginstrument, das nur den größten Agenturen und Marken vorbehalten war. Doch seitdem hat sich Video als äußerst flexibles Medium mit hoher Wertrendite bewährt.

Heutzutage verwenden Vermarkter auf der ganzen Welt Videos, um Produkte und Dienstleistungen zu präsentieren, Kunden zu helfen, Inhalten eine menschliche Note zu verleihen und mehr Aufmerksamkeit zu erregen. Und wir sehen es regelmäßig auf zwei der größten Plattformen für die Erstellung und Vermarktung von Inhalten – WordPress und YouTube.

In Anbetracht dessen haben es beide Plattformen für jeden unglaublich einfach gemacht, YouTube-Videos in WordPress einzubetten – ob sie sich mit Codierung auskennen oder nicht. Dieser Blog erklärt einige der einfachsten und effektivsten Methoden zum Einbetten von YouTube-Videos in WordPress. Und ein paar Tipps am Ende zeigen Ihnen einige kreative Möglichkeiten, wie Sie Ihre YouTube-WordPress-Inhalte verwenden können.

Betten Sie YouTube-Videos mit der oEmbed-Methode ein

Der einfachste Weg, YouTube-Videos in WordPress einzubetten, ist die Verwendung der oEmbed-Methode. oEmbed ist ein Protokoll, mit dem Sie Videos, Bilder und Text von einer Website in eine andere einbetten können, indem Sie einfach die Quell-URL verwenden.

So geht's:

1. Gehen Sie zu YouTube und suchen Sie das Video, das Sie einbetten möchten.
2. Wählen Sie die URL oben im Browser aus und kopieren Sie sie vollständig.
3. Gehen Sie dann zu Ihrem visuellen WordPress-Editor und platzieren Sie den Cursor dort, wo das Video erscheinen soll.
4. Fügen Sie die URL des Videos ein und lassen Sie es von WordPress automatisch in ein eingebettetes Video konvertieren.

Ja, so einfach ist das. Stellen Sie einfach sicher, dass Sie diese Richtlinien beachten, wenn Sie die oEmbed-Methode verwenden:

• Platzieren Sie den Embed-Link in einer eigenen Zeile. Das bedeutet, dass weder Text noch Leerzeichen vor oder nach dem Link stehen sollten.
• Fügen Sie der URL keine Ausrichtungs- oder Stilelemente hinzu. Dieser kann die URL in eine HTML-Formatierung einhüllen und die Einbettung aufheben.
• Es werden nur Links zu Videos oder Playlists akzeptiert. Fügen Sie nicht die URL eines YouTube-Kanals ein.

Betten Sie YouTube-Videos mit der Iframe-Methode ein

Die oEmbed-Methode ist zwar einfach zu befolgen, bietet Ihnen jedoch keine Anpassungsoptionen zum Spielen. Sie können die Player-Steuerelemente des eingebetteten Videos weder deaktivieren noch auf Autoplay setzen.

Hier kommt Iframe ins Spiel. Mit dieser Einbettungsmethode können Sie genau steuern, wie das Video auf Ihrer WordPress-Website aussehen und funktionieren soll. Sie müssen einige zusätzliche Schritte ausführen:

1. Klicken Sie auf die Schaltfläche Teilen unter dem gewünschten YouTube-Video auf Ihrer WordPress-Seite.
2. Klicken Sie dann auf die Schaltfläche Einbetten.
3. Hier finden Sie den Iframe-Einbettungscode zusammen mit einigen anpassbaren Optionen.
4. Wenn Sie möchten, dass das Video an einem bestimmten Punkt beginnt, halten Sie das Video an diesem Punkt an und aktivieren Sie die Option „Starten bei“.
5. Sie können auch die Player-Steuerung und den erweiterten Datenschutzmodus direkt darunter verwalten.
6. Kopieren Sie als Nächstes den Einbettungscode und gehen Sie zurück zu Ihrer WordPress-Website.
7. Wechseln Sie von Ihrem visuellen Editor zum Texteditor und fügen Sie den Einbettungscode ein.
8. Aktualisieren Sie den Beitrag und WordPress wird in ein eingebettetes Video konvertiert.

Betten Sie YouTube-Videos mit Online-Einbettungstools ein

Während die Iframe-Methode selbst eine lange Liste von Anpassungsoptionen zum Einbetten von Videos enthält, enthält YouTube nicht alle. Sogar der Abschnitt „Entwicklerbeispiel“ in YouTube ist auf einige zusätzliche Anpassungsoptionen beschränkt.

Um alles zu nutzen, was die Iframe-Methode zu bieten hat, können Sie Online-Tools zum Einbetten von YouTube-Videos wie YouTube Video Embed ausprobieren . Auf der Website können Sie eine lange Liste von Anpassungen vornehmen und einen Code ausspucken, den Sie direkt in Ihren WordPress-Texteditor kopieren können.

Fügen Sie einfach die Video-URL ein, spielen Sie mit den Einbettungsoptionen herum und kopieren Sie den Iframe-Code und fügen Sie ihn ein. Hier sind einige Einbettungsoptionen, die Sie bei YouTube Video Embed erwarten können:

• Video automatisch abspielen – Spielt das Video automatisch ab, wenn die Webseite geöffnet wird.
• Loop-Video – Das eingebettete Video wird wiederholt in einer Schleife abgespielt.
• Anmerkungen anzeigen – Aktivieren oder deaktivieren Sie Textanmerkungen im Video.
• Vollbildmodus zulassen – Zuschauer können das Video im Vollbildmodus ansehen oder nicht.
• Untertitel – Aktivieren oder deaktivieren Sie Untertitel für das Video.
• Fortschrittsbalken – Der Fortschrittsbalken ist während des gesamten Videos sichtbar oder wird nach einer bestimmten Zeit automatisch ausgeblendet.
• Verwandte Videos – Aktivieren oder deaktivieren Sie, dass YouTube verwandte Videos am Ende des Videos anzeigt.
• Videotitel – Steuern Sie die Sichtbarkeit des Texttitels des Videos.
• Startzeit – Uhrzeit, zu der das Video beginnt.
• Endzeit – Uhrzeit, zu der das Video endet.
• Layout – Die Abmessungen des Videos bleiben fest oder ändern sich entsprechend der Bildschirmgröße.
• Ausrichtung – Das Video kann links, zentriert oder rechts ausgerichtet werden.
• Seitenverhältnis – Das Seitenverhältnis des Videos kann 16:9, 4:3 oder 1:1 sein.
• Breite und Höhe – Die Abmessungen des Videos in Pixel.

Optimierung eingebetteter Seiten

Eingebettete YouTube-Videos machen einen erheblichen Teil des Seitengewichts einer Webseite aus. Aus diesem Grund zeigen Leistungsmetriken eine Erhöhung der Seitenladezeiten, nachdem Sie ein Video eingebettet haben. Dies liegt daran, dass jedes Mal, wenn der Browser eines Besuchers Ihre Seite rendern muss, eine Reihe zusätzlicher Anforderungen gestellt werden müssen.

Anfragen nach mehreren Auflösungen, Bildern und anderen Assets verlangsamen die Seite. Und wenn Sie zwei oder mehr Videos auf Ihrer Seite haben, werden alle Ihre Seitenoptimierungstechniken nicht viel aussagen.

Eine einfache Lösung für dieses Problem ist das faule Laden Ihrer eingebetteten YouTube-Videos. Lazy Loading ist eine Technik, die nur beim Laden der Seite wichtige Ressourcen lädt. Andere weniger kritische Ressourcen wie eingebettete Videos werden nur geladen, wenn der Benutzer auf die Wiedergabeschaltfläche klickt.

Hinweis : Lazy Loading funktioniert nicht, wenn das eingebettete YouTube-Video auf Autoplay eingestellt ist.

Das Vermeiden von Lazy Loading garantiert eine Verschwendung von Benutzerdaten, Verarbeitungszeit, Akkulaufzeit und anderen Systemressourcen. Aber mit einem guten installierten Lazy-Loading-Plugin können Sie das anfängliche Seitengewicht, die Systemressourcennutzung und das anfängliche Seitengewicht reduzieren, wodurch die Leistung Ihrer Website verbessert wird.

Das ELEX Optimize YouTube Videos Embed Plugin für WordPress ist ein gutes Tool für diesen Zweck. Das Plugin ahmt ein eingebettetes Video mit einem voreingestellten Banner und einem YouTube-Symbol nach, lädt eingebettete Videos jedoch erst, nachdem der Besucher darauf geklickt hat.

Sie können das kostenlose Plugin von Elextensions herunterladen und auf Ihrer WordPress-Website installieren. Das Plugin enthält einen Shortcode, mit dem Sie das Video einbetten können. Geben Sie einfach die Video-URL und den Link zum Bannerbild an, und Sie können loslegen.

Der Shortcode lautet: [eh_optimize_youtube_embed video=“VIDEOLINK“ banner=“BILD-URL“ alternate_text=“ALTERNATE TEXT“ width=“560″ height=“315″]

Einbetten von Videos in die Seitenleiste

Eine kreative Möglichkeit, YouTube-Videos in WordPress zu verwenden, besteht darin, sie in Ihre Seitenleiste einzubetten. Anstatt Ihre Seitenleiste mit Vorschlägen für aktuelle Posts in Textform zu füllen, können Sie Videos verwenden, um sie zu beschäftigen und auf Ihrer Website zu halten. Das Einbetten von YouTube-Videos in Ihre Seitenleiste ist einfach.

Bewegen Sie in Ihrem Admin-Dashboard den Mauszeiger über „Erscheinungsbild“ und klicken Sie auf „Anpassen“. Klicken Sie dann auf „Widgets“, wählen Sie die Seitenleiste und klicken Sie auf „Widget hinzufügen“.

Geben Sie im Suchfeld Video ein und klicken Sie auf das Ergebnis. Das Video-Widget wird Ihrer Seitenleiste hinzugefügt. Jetzt müssen Sie nur noch ein Video hinzufügen. Wählen Sie im Popup-Fenster „Von URL einfügen“.

Fügen Sie den Videolink ein, warten Sie auf die Videovorschau und klicken Sie auf „Zum Widget hinzufügen“. Klicken Sie abschließend auf „Veröffentlichen“, um es live zu schalten.

Erstellen einer Videogalerie auf WordPress

Eine weitere kreative Verwendung von YouTube-Einbettungen ist das Erstellen einer Videogalerie in WordPress. Wenn Ihre Marke über einen eigenen YouTube-Kanal verfügt, können Sie Ihre Content-Marketing-Bemühungen optimieren, indem Sie Ihren gesamten Kanal auf Ihrer Website präsentieren.

Sie können Plugins wie Embed Plus und Envira Gallery verwenden , um Ihre eigene Galerie zu erstellen. Diese Plugins verfügen außerdem über Funktionen wie ZIP-Import, Live-Streaming, Blockeditor-Kompatibilität und vieles mehr, um den Prozess mühelos und automatisiert zu gestalten.

Damit wissen Sie jetzt, wie Sie ein YouTube-Video in WordPress einbetten, Ihre Webseite optimieren, Ihre Seitenleiste anpassen und ganz alleine eine Videogalerie erstellen. Wenden Sie sich an uns, wenn Sie relevante Fragen haben.

Sehen Sie sich das Video-Tutorial an:

Weiterlesen

• Was ist Bildoptimierung und warum ist sie wichtig für SEO?
• Effektive Möglichkeiten zur Integration von Instagram in WordPress-Sites