Anleitung: Selbstgehostetes .mp4-Video in WordPress einbetten

So bettet man ein Video vom eigenen Hosting in Wordpress ein

Viele von euch die WordPress nutzen, werden Videos in ihre Beiträge einfach mit der URL von YouTube einbetten. WordPress erkennt dann, dass es sich um ein Film handelt, der auf YouTube liegt und baut automatisch den entsprechenden Code für die Einbettung um die URL. Auf diese Weise muss man nur die URL von YouTube per Copy and Paste in den Beitrag einfügen.

Möchte man jedoch ein Video einbetten, das nicht auf solch einer Video-Plattform wie YouTube liegt, dann zeigt WordPress im Beitrag nur die URL an und erzeugt keinen Media-Player, um das Video direkt im Beitrag anzuzeigen. Wie man es trotzdem hinbekommt, zeige ich in diesem Beitrag.

Diese Audio-/Video-Plattformen erkennt WordPress

Die ganze Sache mit der automatischen Erkennung und Einbettung funktioniert nicht nur mit YouTube-Videos, sondern funktioniert mit vielen weiteren Plattformen:

AnimotoiSnareSpeaker Deck
CloudupIssuuSpotify
CollegeHumorPollDaddyTED
DailyMotionRedditTumblr
FlickrReverbNationTwitter
FunnyOrDieScribdVideoPress
HuluSlideShareVimeo
ImgurSmugMugVine
InstagramSoundCloud

Einbetten mit dem WordPress-Mediaplayer

Die einfachste Art ein Video ohne YouTube und Co. in einen Beitrag oder eine Seite einzubetten, funktioniert mit dem Media-Player von WordPress. Ich muss gestehen, ich habe erst gemerkt, dass es so etwas gibt, nachdem ich mir schon ein Plugin für das Einbetten installiert hatte.

Hat man das Video hochgeladen, kann man es, wie ein Bild in einen Beitrag einbauen und dann wählen, ob man es in einem Medien-Player angezeigt werden soll.
Hat man das Video hochgeladen, kann man es, wie ein Bild in einen Beitrag einbauen und dann wählen, ob man es in einem Medien-Player angezeigt werden soll.

Der Weg ist aber ganz einfach:

  1. Sicherstellen, dass das Audio in AAC codiert ist (sonst fehlt nachher der Ton)
  2. Video-Datei über den Bereich „Medien“ in WordPress hochladen
  3. Beitrag oder Seite bearbeiten
  4. Button „Medien hinzufügen“ drücken
  5. Film anklicken und rechts unten bei „Anzeige-Einstellungen für Anhänge“ die Option „Eingebundener Medien-Player“ wählen
  6. nach „In die Seite einfügen“ wird dann ein Shortcode von WordPress in den Beitrag integriert

Den Shortcode kann man natürlich auch selbst erstellen, wenn das Video zum Beispiel nicht in der Mediathek vorhanden ist. Dazu nutzt man dieses Format:

Mit diesem Shortcode kann man Videos über eine URL in Wordpress einbetten.
Mit diesem Shortcode kann man Videos über eine URL in WordPress einbetten.

Es gibt auch Optionen, die man in diesem Shortcode einbauen kann. Unter anderem lässt sich die Größe mit “width” und “height” festlegen. Eine komplette Liste der Optionen findet ihr hier bei Wordpress.org.

So sieht das eingebettete Video auf der Webseite meiner Kundin aus – alles mit Hausmitteln von Wordpress und ganz ohne YouTube.
So sieht das eingebettete Video auf der Webseite meiner Kundin aus – alles mit Hausmitteln von WordPress und ganz ohne YouTube.

Einbetten von Videos mit Plugin Easy Video Player

Die erste Option, die ich gewählt habe, bevor ich das WordPress-eigene Media-Player-System entdeckte, war das WordPress-Plugin „Easy Video Player“.

Dies hat eigentlich nur ein paar Features und Optionen, die es als Alternative vom WordPress-Player abheben. Ich übersetze mal von der Plugin-Homepage und kommentiere dazu:

  • Einbetten von MP4 Video in deine Webseite (bietet WP von Haus aus)
  • Einbetten von responsivem Video für eine bessere Benutzererfahrung an mobilen Geräten(auch dies bietet WP schon)
  • Einbetten von HTML5 Video welches kompatibel mit allen größeren Browsern ist
  • Einbetten von Video mit „Poster Images“ (bietet WP auch)
  • Einbetten von Video, welches in Schleife abgespielt wird (bietet WP ebenfalls)
  • Einbetten von Video mit der Option „mute“ aktiviert
  • Anpassen der Player-Optik über CSS Klassen
  • Option zur Wahl zwischen MediaElement Player oder dem normalen WordPress Video Player

Unterm Strich spricht also nicht allzu viel dafür, dass man für die Videos extra ein weiteres Plugin installiert. Ich würde lieber WordPress schlank halten und den WordPress-Shortcode für die Einbettung nutzen.

Nutzt man das Plugin "Easy Video Player", sieht der Media-Player zum Beispiel so aus.
Nutzt man das Plugin “Easy Video Player”, sieht der Media-Player zum Beispiel so aus.

Vor- und Nachteile von selbstgehosteten Videos

Zur Ergänzung noch ein kurzes Wort zu den Vorteilen bzw. Nachteilen des Verzichts auf YouTube und Co. In meinem aktuellen Fall musste das Video selbst gehostet werden, da meine Kundin aus Datenschutzgründen kein YouTube auf der Webseite nutzen wollte. Mit dem Einbetten eines Videos werden zwangsläufig schon Cookies beim Webseitenbesucher gesetzt und entsprechend hätten wir zum Beispiel mit Borlabs Cookie eine Möglichkeit bieten müssen, um die Cookies abzulehnen.

Um dies zu umgehen, landete das Video schließlich auf dem Hosting-Platz der Kundin.

Die Vorteile:

  • Man teilt keine Benutzerdaten mit Google.
  • Man hat volle Kontrolle über die Qualität des Videos, da es nicht nochmals komprimiert und umgerechnet wird.
  • Man kann jederzeit das Video gegen eine überarbeitete Version austauschen, was bei YouTube nur geht, wenn man das Video als „neues“ Video sichert.
  • Das Video ist werbefrei und es werden keine Videos der Konkurrenz am Ende eingeblendet, was die Besucher von der Webseite ablenken könnte.

Die Nachteile:

  • Die Ladezeit des Videos ist sicher länger als wenn man den Weg über YouTube wählt, da die Video-Plattform das Video für alle möglichen Endgeräte in verschiedenen Qualitäten vorbehält.
  • Durch die längere Ladezeit kann es passieren, dass man Webseitenbenutzer verliert (laut einer Studie von Akamai springen 53% der Besucher ab, wenn die Seite länger als 3 Sekunden lädt).
  • Das Video erscheint nicht auf YouTube und wird damit auch nicht über die Suche dem internationalen Publikum zur Verfügung gestellt. Damit gehen einem potenzielle Kunden durch die Lappen, die gar nicht erst auf die eigene Webseite aufmerksam werden. Als Alternative kann man überlegen, das Video auf der Webseite selbst zu hosten, aber ebenfalls auf YouTube zur Verfügung zu stellen.
Die schnellere Ladezeit durch Videos, die extern gehostet werden, ist ein Punkt, der für YouTube oder Vimeo sprechen.
Die schnellere Ladezeit durch Videos, die extern gehostet werden, ist ein Punkt, der für YouTube oder Vimeo sprechen.

Mein Fazit

YouTube, Video und Co. sind eine gute Möglichkeit, relativ schnell an neue Besucher und damit an potenzielle Kunden zu gelangen. Auch die Optimierung der Ladezeiten für alle möglichen Geräte ist ein Pluspunkt, den man den Video-Plattformen zusprechen muss.

Wenn Datenschutz jedoch eine Rolle spielt, ist das Hosten des Videos auf dem eigenen Server eventuell eine bessere Wahl. Ich denke, man muss dies im Einzelfall bewerten.

Im Falle meiner Kundin ist das Selberhosten definitiv die richtige Entscheidung gewesen. WordPress macht es dabei sehr einfach, das Video mittels Shortcode einzubinden.

Meine Tipps & Tricks rund um Technik & Apple

Hat dir der Artikel gefallen und helfen dir die Anleitungen im Blog? Dann würde ich mich freuen, wenn du das Blog über eine Steady-Mitgliedschaft unterstützen würdest.

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Im Sir Apfelot Blog findest du Ratgeber, Anleitungen und Testberichte zu Apple Produkten wie iPhone, iPad, Apple Watch, AirPods, iMac, Mac Pro, Mac Mini und Mac Studio.

Specials
Shopping
  •  
  •  

Meine Tipps & Tricks rund um Technik & Apple