Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Wie man Videos in WordPress einbettet

Wie man Videos in WordPress einbettet (3 einfache Wege) 

Geschrieben von: Autorenavatar Stacey Corrin
Autorenavatar Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: Gutachter-Avatar Turner John
Gutachter-Avatar Turner John
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Wenn ich eine Landing Page mit hoher Konversionsrate erstelle, ist mein erster Gedanke fast immer, ein Video einzubauen. Es ist der schnellste Weg, um Vertrauen aufzubauen, aber nur, wenn es für den Nutzer nahtlos funktioniert.

Sie möchten einen professionellen Look, ohne sich mit Code oder langsam ladenden Playern herumschlagen zu müssen. Die gute Nachricht ist, dass es einfach ist, Videos in WordPress einzubetten, wenn Sie die richtigen Schritte kennen.

In diesem Leitfaden führe ich Sie durch die drei einfachen Methoden, die ich ständig anwende. Wir überspringen die Kopfschmerzen und kommen direkt zur Lösung.

TL;DR: Öffnen Sie in WordPress den Beitrag oder die Seite im Block-Editor, fügen Sie Ihre Video-URL von YouTube oder Vimeo ein, und WordPress fügt sie automatisch ein. Wenn Sie mehr Kontrolle wünschen, verwenden Sie einen Page Builder wie SeedProd oder ein spezielles Video-Plugin.

Warum sollten Sie Videos zu Ihrer WordPress-Website hinzufügen?

82 % der Video-Vermarkter berichten über einen Anstieg des Web-Traffics nach dem Hinzufügen von Videos zu ihren Inhalten. Das ist ein guter Grund, Videos auf Ihrer WordPress-Website zu verwenden.

82 % der Vermarkter sagen, dass Videoinhalte den Webverkehr erhöhen

Videos erregen schnell Aufmerksamkeit, halten Besucher länger auf Ihrer Website und können Ihre Botschaft klarer und überzeugender machen.

Suchmaschinen belohnen Websites, die ein reichhaltiges Benutzererlebnis bieten. Das Hinzufügen von qualitativ hochwertigen Videos kann Ihrer WordPress-SEO helfen und es den Besuchern erleichtern, Sie zu finden.

Außerdem machen Videos Ihre Inhalte für Besucher zugänglicher, die lieber zusehen als lesen, und helfen Ihnen, ein breiteres Publikum anzusprechen.

Sollte ich Videos direkt in WordPress hochladen?

Es ist besser, Videos von Plattformen wie YouTube oder Vimeo einzubetten, als sie direkt in WordPress hochzuladen.

Sie können zwar Videos in Ihre Mediathek hochladen, aber ich empfehle es nicht. Bei SeedProd betten wir stattdessen immer Videos ein, und hier ist der Grund dafür:

  • Große Dateigrößen - Videos nehmen viel Speicherplatz in Anspruch und können Ihre Website verlangsamen, was sich negativ auf die Benutzerfreundlichkeit und die Suchmaschinenoptimierung auswirkt.
  • Hohe Bandbreitennutzung - Das Streaming von Videos beansprucht erhebliche Serverressourcen. Wenn Ihr Hosting-Plan Grenzen hat, könnten Sie diese schnell erreichen und zusätzliche Kosten verursachen.
  • Zusätzliche Traffic-Möglichkeiten - Durch das Hochladen auf Plattformen wie YouTube oder Vimeo können Sie deren Publikum erreichen und mehr Besucher auf Ihre Website schicken.

Die Einbettung oder Verwendung eines WordPress-Video-Plugins ist der effizienteste Weg, um Ihre Website schnell und zugänglich zu halten und gleichzeitig Ihre Reichweite zu erhöhen.

Wie man Videos in WordPress einbettet: 3 Wege

Es gibt mehrere Möglichkeiten, ein Video in WordPress einzubetten, aber sie sind nicht immer so einfach, wie sie klingen. Im Folgenden stelle ich Ihnen 3 der einfachsten Lösungen vor, mit denen Sie ein Video in WordPress einbinden können, ohne dass Sie technisches Know-how benötigen.

Einbetten eines Videos in WordPress-Beiträge und -Seiten (Block-Editor-Methode)

Der WordPress-Block-Editor, auch Gutenberg genannt, bietet eine unkomplizierte Möglichkeit, Videos in Ihre WordPress-Beiträge und -Seiten einzubetten. Die Funktion zum automatischen Einbetten holt automatisch den Code zum Einbetten von Videos von Video-Hosting-Plattformen wie YouTube, Vimeo und anderen.

Zunächst benötigen Sie die URL des Videos, das Sie einbetten möchten. Wenn Sie eine Plattform wie YouTube verwenden, navigieren Sie zu dem Video und kopieren Sie die URL aus der Adressleiste. Sie können auch auf das Teilen-Symbol klicken und die Video-URL von dort kopieren.

Kopieren Sie die Video-URL

Navigieren Sie dann zu dem Beitrag oder der Seite, zu der Sie das Video hinzufügen möchten, und klicken Sie auf "Bearbeiten", um den WordPress-Block-Editor zu öffnen.

Klicken Sie auf eine beliebige Stelle im WordPress-Blockeditor und fügen Sie die URL ein, die Sie zuvor kopiert haben. Sobald Sie die Video-URL eingefügt haben, holt WordPress automatisch den Einbettungscode und zeigt das Video im Inhaltseditor an.

Einbetten von Videos in WordPress mit automatischer Einbettung

Anschließend können Sie das Video anpassen, indem Sie auf die Optionen in der Popup-Symbolleiste klicken. Sie können zum Beispiel die Videobreite, die Ausrichtung, die Untertitel, das Seitenverhältnis und vieles mehr ändern.

Anpassen eines automatischen Video-Emblems in WordPress

WordPress kann nur Plattformen automatisch einbinden, die auf der weißen Liste stehen, einschließlich:

  • Amazon
  • Dailymotion
  • Facebook
  • Imgur
  • Instagram
  • Reddit
  • SoundCloud
  • Spotify
  • Twitter
  • Vimeo
  • YouTube
  • Und mehr.

Wenn Sie Videos von Websites einbetten möchten, die nicht auf der weißen Liste stehen, müssen Sie den vollständigen HTML-Code des Videos kopieren und einfügen.

Fügen Sie dazu einfach einen neuen Block mit der Bezeichnung Custom HTML hinzu und fügen Sie den Videocode ein.

Fügen Sie den HTML-Einbettungscode für das Video mit Hilfe des benutzerdefinierten HTML-WordPress-Blocks hinzu.

Zum Schluss müssen Sie Ihren Beitrag oder Ihre Seite speichern und veröffentlichen, um das Video live zu schalten.

Wie man ein Video in eine WordPress-Website mit Auto-Embed einfügt

Wenn Sie noch den klassischen Editor verwenden, können Sie die URL des Videos kopieren und direkt in den WordPress-Editor einfügen. Wie zuvor wird das Video automatisch geladen.

Video in den klassischen WordPress-Editor einbetten

Fügen Sie mit SeedProd überall auf Ihrer WordPress-Website Videos ein

Wenn Sie auf der Suche nach einem individuelleren Ansatz zum Einbetten von Videos in WordPress sind, bietet SeedProd eine einfache und dennoch leistungsstarke Lösung. 

SeedProd Drag and Drop WordPress Website-Baukasten

SeedProd ist der beste Drag-and-Drop-Website-Builder für WordPress. Mit seinem benutzerfreundlichen visuellen Editor können Sie ganz einfach Videos zu jedem Websiteabschnitt hinzufügen, wie Landing Pages, Produktbeschreibungen oder sogar Ihre Homepage.

Zunächst müssen Sie das SeedProd-Plugin installieren und aktivieren.

Hilfe dazu finden Sie in unserer Dokumentation zur Installation von SeedProd. Dort wird erklärt, wie Sie das Plugin und Ihren Lizenzschlüssel herunterladen, installieren und aktivieren.

Jetzt können Sie mit dem Drag-and-Drop-Seitenerstellungsprogramm von SeedProd Videos zu Ihrer Website hinzufügen.

Hinzufügen von Videos zu einer WordPress Landing Page

Mit SeedProd ist das Hinzufügen eines Videos zu Ihrer Landing Page ein Kinderspiel. Navigieren Sie von Ihrem WordPress-Dashboard zu SeedProd " Landing Page Builder und erstellen Sie entweder eine neue Landing Page oder bearbeiten Sie eine bestehende WordPress-Seite. 

Hinzufügen einer neuen Landing Page zu WordPress mit SeedProd

Sobald Sie sich im Page Builder befinden, haben Sie 2 Optionen zum Einbetten von Videoinhalten. Sie können den Standard-Videoblock oder den erweiterten Video-Pop-up-Block verwenden.

Hinzufügen des Videoblocks

Um den Videoblock zu verwenden, suchen Sie ihn in der linken Seitenleiste und ziehen Sie ihn per Drag & Drop auf das Layout Ihrer Landing Page. 

Ziehen Sie den SeedProd-Videoblock und legen Sie ihn ab

In den Blockeinstellungen können Sie zwischen 2 Videoquellen wählen: YouTube und Benutzerdefiniert.

Einbetten von Videos in WordPress mit dem SeedProd-Videoblock

Mit der YouTube-Quelle können Sie einen YouTube-Videolink einfügen und der Videocode wird automatisch für Sie eingebettet. Anschließend können Sie mit wenigen Klicks die Videobreite, die Ausrichtung und die Sichtbarkeit auf Desktop- oder Mobilgeräten anpassen.

Wenn Sie die Option Benutzerdefiniert wählen, können Sie ein Video in WordPress ohne YouTube einbetten. Dazu müssen Sie den Code zum Einbetten des Videos kopieren und in das Feld "Benutzerdefinierter Video-Code" einfügen.

benutzerdefinierte Videoquelleneinstellungen

Hinzufügen des Video-Popup-Blocks

Der Video Pop Up-Block von SeedProd bietet viel mehr Anpassungsmöglichkeiten als der Standardblock. Sie finden ihn in der Seitenleiste "Erweiterte Blöcke " und können ihn dann per Drag & Drop auf Ihre Seite ziehen.

SeedProd Video-Popup-Block

In den Blockeinstellungen gibt es mehrere Optionen für die Videoquelle.

Sie können Videoinhalte von YouTube oder Vimeo automatisch einbetten, indem Sie den Videolink einfügen.

Video-Popup-Block Medienquellen

Alternativ können Sie mit der Option Benutzerdefiniert ein Video von Ihrem Computer hochladen oder einen Videolink von einer externen Website einfügen.

Hochladen eines benutzerdefinierten Videos über die WordPress-Mediathek

Nachdem Sie die Videoquelle ausgewählt haben, können Sie den Videoplayer anpassen, indem Sie verschiedene Funktionen aktivieren, darunter:

Optionen zur Anpassung des Videoplayers
  • Autoplay: Aktivieren oder deaktivieren Sie die Option der automatischen Wiedergabe, wenn Besucher die Seite besuchen.
  • Stummschalten: Stummschalten des Videotons beim Öffnen der Seite.
  • Schleife: Das Video wird in einer Endlosschleife abgespielt.
  • Player-Steuerelemente anzeigen: Zeigen Sie Optionen zum Überspringen, Anhalten, Stoppen und Abspielen des Videos an.
  • Bescheidenes Branding: Blenden Sie das YouTube-Branding aus Ihrem Videoplayer aus.
  • Datenschutz-Modus: Verhindern Sie, dass YouTube oder Vimeo Informationen über Besucher speichern, wenn diese das Video nicht abspielen.
  • Lazy Loading: Verbessern Sie die Ladezeit Ihrer Seite, indem Sie Videos nach dem Laden der Seite laden.
WordPress Sticky Video Einstellung in SeedProd

Durch die Aktivierung der Funktion Sticky Video" wird außerdem sichergestellt, dass das Video beim Besuch der Seite am unteren Rand des Bildschirms verbleibt, wenn die Benutzer scrollen.

Beispiel für ein klebriges Video in WordPress

Dies ist eine fantastische Möglichkeit, die Nutzererfahrung zu verbessern und das Engagement zu steigern.

Schließlich verfügt der Video-Pop-up-Block über eine Video-Overlay-Option, mit der Sie ein benutzerdefiniertes Video-Thumbnail-Bild und ein Abspielsymbol hochladen können.

Hinzufügen einer benutzerdefinierten Miniaturansicht zu Videos in WordPress mit SeedProd

Sie können sogar die Lightbox-Option aktivieren, damit das Video in einem Lightbox-Popup geöffnet wird, wenn ein Nutzer darauf klickt.

Beispiel einer Video-Lightbox in WordPress

Eine vollständige Anleitung zur Anpassung finden Sie in unserem Tutorial zur Erstellung einer Video-Landingpage in WordPress.

Wenn Sie mit Ihren Video- und Landingpage-Anpassungen zufrieden sind, klicken Sie auf die Schaltfläche Speichern und veröffentlichen, um die Änderungen zu aktivieren.

Veröffentlichen Sie Ihre Landing Page in WordPress mit SeedProd

Hier ist ein Beispiel für das fertige Video, nachdem es mit SeedProd zu WordPress hinzugefügt wurde:

Beispiel für das Hinzufügen eines Videos zu einer WordPress-Website mit SeedProd

Einbetten eines Videos in Ihr WordPress-Theme

SeedProd ist nicht nur für die Erstellung von Landing Pages geeignet. Sie können damit auch verschiedene Teile Ihres WordPress-Themas erstellen und anpassen. Dazu gehören Ihre Homepage, Kopfzeile, Fußzeile, Seitenleiste, Blog-Seite und sogar eCommerce-Seiten.

Wie das geht, erfahren Sie in dieser Anleitung zur Erstellung eines WordPress-Themes.

Das Hinzufügen von Videos zu verschiedenen Teilen Ihres WordPress-Themes erfolgt in ähnlichen Schritten wie bei der Landing Page-Option. Alles, was Sie tun müssen, ist SeedProd " Theme Builder zu besuchen und eine der Theme-Vorlagen zu bearbeiten.

Teile der SeedProd-Themenvorlage

Sie können zum Beispiel die Seitenleistenvorlage öffnen und einen der Videoblöcke darüber ziehen, um ein Video in Ihre WordPress-Seitenleiste einzubetten.

Video zur SeedProd-Seitenleistenvorlage hinzufügen

So würde das nach dem Speichern der Änderungen aussehen:

Beispiel für das Hinzufügen einer Videoeinbettung zum WordPress-Sidebar-Widget-Bereich

Sie können auch die Fußzeilenvorlage bearbeiten, um neue Videoinhalte zu Ihren Fußzeilenwidgets hinzuzufügen.

Hinzufügen von Videos zu WordPress-Footer-Widgetbereichen mit SeedProd

Es ist wirklich so einfach, und man muss nicht von Grund auf neu programmieren oder einen Entwickler einstellen.

WordPress-Video-Plugins zum Einbetten und Anpassen von Videos verwenden

Wenn Sie nach erweiterten Funktionen suchen oder spezielle Anforderungen haben, die der WordPress-Block-Editor oder SeedProd nicht erfüllen können, könnte ein WordPress-Plugin, das auf Videoeinbettungen spezialisiert ist, die beste Lösung sein.

Smash Balloon YouTube Feed Pro

Hierfür empfehlen wir das YouTube Feed Pro Plugin von Smash Balloon, das beste YouTube-Video-Galerie-Plugin für WordPress. Damit können Sie YouTube-Kanalvideos in eine anpassbare Galerie einbetten

Das Plugin kann automatisch neue Videos importieren, Video-Feeds kombinieren, Live-Streaming-Funktionen hinzufügen, eine YouTube-Wiedergabeliste einbetten und vieles mehr. YouTube-Einbettungen enthalten auch "Gefällt mir"- und "Teilen"-Buttons, Kommentare und Reaktionen, um den sozialen Beweis direkt im Video-Widget zu erhöhen.

Beispiel für eine YouTube-Kanal-Videogalerie in WordPress

Weitere Informationen finden Sie in dieser Anleitung zum Einbetten von YouTube-Videos in WordPress.

FAQs zum Einbetten von Videos in WordPress

Welche Videoformate funktionieren am besten in WordPress?
WordPress unterstützt die Videoformate MP4, WebM und OGG. MP4 ist das am weitesten kompatible und empfohlene Format, da es auf den meisten Browsern und Geräten reibungslos abgespielt werden kann. WebM bietet kleinere Dateigrößen für schnelleres Laden, während OGG für Open-Source-Projekte nützlich ist, aber nur begrenzte Browserunterstützung bietet. Wenn Sie direkt hochladen, sollten Sie sich für MP4 entscheiden, da es die beste Kombination aus Qualität und Kompatibilität bietet.
Kann ich Videos in WordPress automatisch abspielen lassen?
Ja, aber Browser wie Chrome und Safari blockieren oft die automatische Wiedergabe, wenn das Video nicht stummgeschaltet ist. Um die Benutzerfreundlichkeit zu verbessern und die Zugänglichkeitsstandards zu erfüllen, sollten Autoplay-Videos ohne Ton starten und sichtbare Abspielsteuerungen enthalten. Bei vielen Seitenerstellern und Video-Plugins, darunter SeedProd, können Sie die Einstellungen für die automatische Wiedergabe und Stummschaltung ganz einfach umschalten.
Wie kann ich die Ladegeschwindigkeit von Videos optimieren?
Um das Laden von Videos zu beschleunigen, aktivieren Sie die Funktion "Lazy Loading", so dass sie nur geladen werden, wenn ein Nutzer zu ihnen scrollt. Komprimieren Sie Videodateien vor dem Hochladen oder verwenden Sie optimierte Hosting-Plattformen wie YouTube oder Vimeo. Sie können auch ein Content Delivery Network (CDN) verwenden, um Videos von Servern zu liefern, die näher bei Ihren Besuchern stehen, wodurch die Pufferung verringert und die Wiedergabegeschwindigkeit verbessert wird.
Wie kann ich Untertitel zu eingebetteten Videos hinzufügen?
Untertitel verbessern die Zugänglichkeit für Nutzer mit Hörbehinderungen und können das Engagement steigern. Wenn Sie ein Video von YouTube oder Vimeo einbetten, können Sie die Untertitel in den Player-Einstellungen aktivieren oder eine SRT-Datei (SubRip Subtitle) direkt auf die Plattform hochladen. Bei selbst gehosteten Videos können Sie Untertitel mit der Option <track> HTML-Tag innerhalb des Videoeinbettungscodes. Achten Sie immer darauf, dass die Untertitel korrekt sind und mit dem Ton synchronisiert werden, um ein optimales Seherlebnis zu gewährleisten.

Weitere hilfreiche WordPress-Leitfäden

Ich hoffe, dieser Leitfaden hat Ihnen geholfen zu lernen, wie man Videos in WordPress einbettet. Unabhängig von der Methode, die Sie wählen, kann das Hinzufügen von Videos das Engagement der Nutzer erhöhen, die Suchmaschinenoptimierung verbessern und den Inhalt Ihrer Website diversifizieren.

Wenn Sie nach weiteren Möglichkeiten suchen, Ihre WordPress-Website zu verbessern, finden Sie vielleicht die folgenden Anleitungen hilfreich:

Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte beteiligen Sie sich an der Konversation auf YouTube, X und Facebook, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.