WordPress: Video einbinden – so funktioniert’s

Wenn Sie der Ersteller bzw. Eigentümer eines Videos sind, können Sie dieses jederzeit in die Mediathek Ihres aktuellen WordPress-Projektes hochladen.

Schritt 1: Öffnen Sie den Medienbereich im ersten Schritt per Klick auf die Schaltfläche „Medien“ im linken Seitenmenü:

Schritt 2: Klicken Sie anschließend der Reihe nach auf „Datei hinzufügen“ und „Datei auswählen“. Nun können Sie den Speicherort der gewünschten Videodatei angeben und bestätigen, um den Upload in die Mediathek zu starten. Alternativ ziehen Sie den Clip einfach per Drag-and-drop in den dafür vorgesehenen Bereich (gestrichelte Linien):

Schritt 3: Öffnen Sie nun die WordPress-Seite, der Sie das Video hinzufügen möchten und klicken Sie auf das Plus-Zeichen, um einen neuen Block hinzuzufügen:

Schritt 4: Scrollen Sie zur Rubrik „Medien“ und wählen Sie den Eintrag „Video“ aus, um der Seite einen Block für Video-Content hinzuzufügen. In diesem Block klicken Sie nun auf „Mediathek“. WordPress öffnet die Übersicht der verfügbaren Videos, wobei Sie das gewünschte Exemplar ganz einfach per Linksklick auswählen können. Erweitern Sie das Element wahlweise um Metadaten wie einen Titel, eine Beschriftung und eine Beschreibung und binden Sie das Video schließlich per Klick auf den „Auswählen“-Button in Ihr WordPress-Projekt ein.

Das Video ist nun in Ihre WordPress-Seite eingebunden. Bei Bedarf können Sie es wie jeden anderen Content-Block an eine beliebige andere Stelle bewegen bzw. mit anderen Elementen austauschen.

Wer sich den Upload von Videos in den eigenen Webspace und dadurch eine Menge Speicherplatz und Rechenpower sparen möchte, kann seinen Video-Content auch auf einer Video-Plattform wie YouTube oder Vimeo hochladen. Dort haben Sie dann die Möglichkeit, einen Einbettungscode (auf Englisch: Embed-Code) abzurufen, mit dessen Hilfe Sie das jeweilige Video in Ihr WordPress-Projekt einbinden können. Je nach Ausrichtung und Typ Ihrer Website können Sie auf diese Art natürlich auch Videos von anderen Nutzern in Ihre Website einfügen – vorausgesetzt, diese User besitzen die Rechte für den Inhalt und haben die Videos für die Öffentlichkeit freigegeben.

Um ein YouTube-Video (bei anderen Plattformen unterscheidet sich die Vorgehensweise natürlich etwas) per Embed-Code hinzuzufügen, gehen Sie wie folgt vor:

Schritt 1: Rufen Sie das gewünschte YouTube-Video auf und klicken auf die Schaltfläche „Teilen“, die Sie direkt unter dem Clip finden.

Schritt 2: Wählen Sie die Option „Einbetten“ aus, um zu den Einbettungs-Optionen zu gelangen. Dort können Sie es nun entweder bei den Standardeinstellungen belassen oder den Embed-Code noch ein wenig modifizieren. Zum einen haben Sie nämlich die Möglichkeit, einen individuellen Startpunkt festzulegen, ab dem das eingebundene Video später automatisch starten soll („Starten bei“). Zum anderen können Sie an dieser Stelle über das gleichnamige Feld den erweiterten Datenschutzmodus aktivieren, um die Privatsphäre Ihrer Besucher zu schützen. Abschließend klicken Sie auf „Kopieren“, um den Code zwecks WordPress-Import in die Zwischenablage zu speichern.

Schritt 3: Rufen Sie nun im WordPress-Backend die Seite auf, in die Sie das Video einbinden möchten. Fügen Sie den in der Zwischenablage befindlichen Link des Clips direkt an der gewünschten Stelle ein, indem Sie einen HTML-Block anlegen und die Tastenkombination [Strg] + [v] verwenden oder rechtsklicken und den Punkt „Einfügen“ auswählen.

Schritt 4: WordPress fügt das Video nun automatisch im gewohnten Format ein. Per Klick auf „Vorschau“ können Sie sich das Resultat testweise anschauen.

Unabhängig davon, ob Sie Videos intern oder extern hochladen, ist die Verwendung von WordPress-Video-Plugins für jeden empfehlenswert, der Bewegtbilder auf möglichst einfache Weise einbinden und gleichzeitig von praktischen Zusatzfunktionen profitieren möchte. Zu diesem Zweck müssen Sie lediglich das gewünschte Plugin installieren. WordPress wird dadurch um einfach zu bedienende Menüs im Backend bzw. Schaltflächen im Editor erweitert, die den Umgang mit der jeweiligen Erweiterung regeln.

Der einfachste Weg, einen Überblick über die verfügbaren WordPress-Video-Plugins zu erhalten, führt über den Plugin-Bereich im Backend. Dort können Sie die gewünschten Erweiterungen auch gleich installieren, konfigurieren und aktivieren (und bei Bedarf wieder deaktivieren oder löschen). Die einzelnen Schritte gestalten sich dabei folgendermaßen:

Schritt 1: Rufen Sie im linken Seitenmenü des WordPress-Backends die Rubrik „Plugins“ auf und klicken Sie auf den Menüpunkt „Installieren“.

Schritt 2: In die Suchleiste (oben rechts) können Sie nun ein beliebiges Schlagwort eintippen, um nach dem passenden WordPress-Video-Plugin zu suchen. Für einen groben Überblick geben Sie beispielsweise einfach den Suchbegriff „Video“ ein:

Schritt 3: Haben Sie sich für eine Erweiterung entscheiden, klicken Sie in der entsprechenden Kachel auf den Button „Jetzt installieren“. Nach der Installation können Sie das Plugin direkt über die nun präsentierte „Aktivieren“-Schaltfläche anschalten:

Schritt 4: Wahlweise können Sie die Erweiterung nun über das Untermenü „Installierte Plugins“ oder – in den meisten Fällen – über eine neue individuelle Schaltfläche im Seitenmenü des Backends ansteuern, wie bei dem hier gewählten Beispiel-Plugin „Video Gallery“ von OriginCode:

Geht es um die Einbindung von YouTube-Content, führt kaum ein Weg an Embed Plus for YouTube vorbei. Das Plugin, das über 200.000 aktive Installationen vorweisen kann und mit dem WordPress-Gutenberg-Editor kompatibel ist, unterstützt Sie nicht nur bei der Einbettung einzelner YouTube-Clips – auch komplette Playlists oder Channel sowie Livestreams lassen sich mit der Erweiterung einfügen. Mit dem „YouTube Wizard“ steht zu diesem Zweck ein nutzerfreundlicher Einrichtungsmanager direkt im Editor zur Verfügung. Per Upgrade auf die kostenpflichtige Pro-Version lassen sich weitere Features wie ein automatisches Video-SEO-Markup oder eine Caching-Funktion freischalten.

Wer einen Blog betreibt, weiß um die Wichtigkeit einer reibungslosen Performance auf allen Endgeräten. Insbesondere die Ladezeit spielt hier eine übergeordnete Rolle. Sind YouTube-Videos in Ihrem WordPress-Blog ein wichtiger Bestandteil, ist der Einsatz von WP YouTube Lyte daher wärmstens zu empfehlen. Das Plugin ermöglicht es, Lazy Loading auf alle eingebundenen WordPress-Videos anzuwenden: Die reaktionsschnellen „Lite YouTube Embeds“ sehen aus wie normal eingebettete YouTube-Clips, rufen den speicherintensiven Player aber nur auf, wenn ein Besucher sie explizit anklickt. Ein weiteres Feature der Erweiterung: YouTube-Videos lassen sich lokal zwischenspeichern, was weitere Zugriffe auf die Server der Videoplattform erübrigt.

Unter den Gestaltungsmitteln für moderne Webprojekte zählt das sogenannte Parallax-Scrolling mittlerweile fast schon zum Standardrepertoire. Das kostenlose Plugin Advanced WordPress Backgrounds (AWB) unterstützt Sie dabei, den Effekt in Ihrem WordPress-Projekt umzusetzen. Wahlweise erzeugen Sie mit der Erweiterung auf Basis von Bildern oder Videos (selbst gehostet, YouTube oder Vimeo) individuelle Parallax-Hintergründe für ausgewählte Seiten. Die technische Basis hierfür bildet das leistungsstarke JavaScript-Plugin Jarallax.

Ein beliebter Weg, im Web gleich mehrere Videos zu präsentieren, sind Galerien – und das Plugin Video Gallery von Total Soft ist eine hervorragende Lösung, diese für das eigene Webprojekt zu realisieren. Mit der kostenfreien Basisvariante können Sie Videogalerien mit einer beliebigen Anzahl an Clips von YouTube, Vimeo und Wistia oder aus eigener Quelle zusammenstellen und veröffentlichen. Alle Galerien sind dabei automatisch im Responsive Webdesign und per Drag-and-drop sortierbar. Für eine individuelle Gestaltung der Galerien empfiehlt sich ein Upgrade auf eine der kostenpflichtigen Versionen (ab 12,79 €): Durch dieses erhalten Sie Zugriff auf zusätzliche Galerie-Themes, Fonts, Hover-Effekte und diverse weitere Style-Optionen.