Youtube videos in Wordpress einbetten [2024] 💥
Beim Einbetten laden Sie Ihr Video auf eine andere Website wie Vimeo oder YouTube hoch und lassen es auf Ihrer Website abspielen. Wir empfehlen Ihnen, dies zu tun. Das Einbetten ist im Grunde eine Möglichkeit, Ihr Video auf einem Drittanbieterdienst zu hosten, der über Ihre WordPress-Website abgespielt wird. Das Einbetten ist vorteilhafter als das Hochladen.
Anzeige
1. Youtube mit Gutenberg einbetten (Youtube-App)
Öffnen Sie einen Beitrag oder eine Seite. Verwenden Sie den Standardeditor. Klicken Sie auf das Plus, um einen neuen Block zu erstellen. Verwenden Sie die Suche, geben Sie ein: "Sie". Klicken Sie auf die Youtube-App. Geben Sie die URL Ihres Youtube-Videos ein. Klicken Sie auf „Einbetten“. Sie haben gerade ein Youtube-Video in Wordpress eingebettet!
Siehe Screenshots unten. Das funktioniert übrigens mit fast allen Videos, zum Beispiel denen von TikTok, Tumblr, Vimeo, DailyMotion, Flickr und vielen mehr. Suchen Sie einfach nach „Vimeo“ und verwenden Sie diese App.
YT-URL einfügen
Klicken Sie auf Einbetten
2. Youtube mit Gutenberg einbetten (Youtube iframe)
Der YouTube-Einbettungscode, auch bekannt als Iframe-Methode, ist ein flexibler Prozess zum Hinzufügen von Videos zu YouTube. Mit diesem Code können Sie die Art und Weise anpassen, wie Ihr Video auf Ihrer WordPress-Seite angezeigt wird. Sie können Wiedergabe/Pause, Untertitel, Lautstärke und Untertitel aktivieren oder deaktivieren. Klicken Sie auf die Schaltfläche „Teilen“ unter dem Video, das Sie einbetten möchten, und klicken Sie dann auf die Option „Einbetten“.
Wenn Sie das Video zu einem anderen Zeitpunkt starten möchten, führen Sie das Video zunächst bis zu diesem Zeitpunkt aus, bevor Sie auf "Teilen und einbetten" klicken. Siehe unterer Screenshot. Verwenden Sie die Kopieren-Schaltfläche, um den Einbettungscode zu kopieren, oder markieren Sie einfach den Code und kopieren Sie ihn mit STRG+C.
Einbettungscode finden
Holen Sie sich den Einbettungscode
Du kannst diesen Code in jeden Post oder jede Seite in Gutenberg einfügen, ohne einen Block zu öffnen, füge ihn einfach direkt auf der Seite ein. Das funktioniert übrigens mit fast jedem Einbettungscode, zum Beispiel mit denen von TikTok, Tumblr, Vimeo, DailyMotion, Flickr und vielen mehr.
3. YouTube mit Divi (Video-App) einbetten
Sie arbeiten mit Divibuilder, der beste Seitenersteller da draußen? Kein Problem, hier ist, wie es weitergeht. Öffnen Sie einen Beitrag/eine Seite mit Divi. Klicken Sie auf das graue Plus-Symbol, um einen Block zu öffnen. Verwenden Sie die Suche, geben Sie ein: "Video". Klicken Sie auf die Video-App. Siehe Screenshot.
Sie sehen ein Beispielvideo, das wir ersetzen werden. Klicken Sie auf der linken Seite auf das Miniaturbild des Videos (vermeiden Sie es, auf das Wiedergabesymbol zu klicken). Es öffnet sich ein Popup. Klicken Sie als Nächstes auf „Von URL einfügen“ und fügen Sie die URL des Youtube-Videos oder eine andere URL wie von Vimeo ein.
Video-URL einfügen
4. Einbetten von Youtube mit Divi (Code-App)
Dieses Mal verwenden wir die Code-App anstelle der Video-App. Wir benötigen den Einbettungscode des von Youtube angebotenen Videos. Gehen Sie zu Youtube zu dem Video, das Sie einbetten möchten. Klicken Sie unter dem Video auf die Schaltfläche „Teilen“ und dann auf die Option „Einbetten“. Verwenden Sie die Schaltfläche „Kopieren“, um den Einbettungscode zu kopieren, oder markieren Sie einfach den Code und kopieren Sie ihn mit STRG+C.
Öffnen Sie einen Beitrag/eine Seite mit Divi. Klicken Sie auf das graue Plus-Symbol, um einen Block zu öffnen. Verwenden Sie die Suche, geben Sie ein: "Code". Klicken Sie auf die Code-App. Fügen Sie den Einbettungscode in den grauen Bereich der Konsole ein. Klicken Sie auf das grüne "V", um Ihre Arbeit zu speichern. Siehe Screenshot unten.
5. YouTube mit Elementor (Video-App) einbetten
Sie arbeiten mit Elementor, dem zweitbester Seitenersteller da draußen? Ganz ähnlich sieht es bei Elementor aus. Öffnen Sie eine Seite oder einen Beitrag mit Elementor. Verwenden Sie das Suchfeld, geben Sie "Video" ein. Ziehen Sie die Video-App wie im Screenshot unten in das gestrichelte Quadrat.
6. YouTube mit Elementor (HTML-App) einbetten
Öffnen Sie eine Seite oder einen Beitrag mit Elementor . Verwenden Sie das Suchfeld, geben Sie ein: "html". Ziehen Sie die HTML-App wie im obigen Screenshot in das gestrichelte Quadrat. Nun benötigen Sie den Youtube Embed Code (oder Vimeo etc.). Gehen Sie zu Youtube zu dem Video, das Sie einbetten möchten. Klicken Sie unter dem Video auf die Schaltfläche „Teilen“ und dann auf die Option „Einbetten“.
Kopieren Sie den Einbettungscode über die Schaltfläche Kopieren oder markieren Sie einfach den Code und kopieren Sie ihn mit STRG+C. Fügen Sie nun den Code in das Feld für Code in das Elementor-HTML-Feld auf der linken Seite ein, wie im folgenden Screenshot gezeigt.
7. Youtube mit WP Classic Editor einbetten
Möglicherweise bevorzugen Sie den klassischen WordPress-Editor. Während WordPress Ihr YouTube-Video normalerweise einbettet, sobald Sie den Link kopiert haben, funktioniert es möglicherweise nicht für andere Quellen. Diese Schritte helfen Ihnen beim Einbetten eines Videos, wenn Sie den klassischen Editor verwenden.
- Der Einbettungscode für das Youtube-Video ist erforderlich. Gehen Sie zu Youtube und suchen Sie nach dem Video, das Sie einbetten möchten. Klicken Sie unter dem Video auf die Schaltfläche „Teilen“ und dann auf „Einbetten“. Sie können den Einbettungscode entweder über den Kopieren-Button kopieren oder markieren und mit STRG+C kopieren.
- Navigieren Sie zum klassischen Editor und klicken Sie oben rechts auf die Registerkarte „Text“.
- Fügen Sie den Einbettungscode an der richtigen Stelle ein. Gehen Sie nun zurück zur Registerkarte "Visuell", um das eingebettete Video zu sehen. Sichere deine Arbeit. Siehe Screenshot unten.
8. Youtube in die Wordpress-Seitenleiste einbetten
YouTube-Videos können zu Seitenleisten und anderen Widget-Bereichen hinzugefügt werden, genau wie zu Seiten oder Beiträgen. Befolgen Sie diese Schritte, um YouTube-Videos zu Ihren Seitenleisten in WordPress hinzuzufügen. Gehen Sie zu „Erscheinungsbild“ >> „Anpassen“ >> „Widgets“ >> „Rechte oder linke Seitenleiste“ >> Klicken Sie auf das Plus-Symbol, um „Block hinzufügen“ und suchen Sie das „Video“-Widget. in Ihrem WP-Admin-Dashboard. Klicken Sie darauf.
Scrollen Sie in der Konsole links nach unten, ganz unten finden Sie das neue Widget. Klicken Sie auf „Von URL einfügen“. Ihr Video wurde eingebettet, speichern Sie Ihre Arbeit.
Anzeige