MediaElement.js HTML5 Hintergrundbild

Hallo beschi!

Ja, die Möglichkeit besteht. Seit Wordpress Version (ich glaube) 3.6 sind die Funktionen von Mediaelement.js in Wordpress selbst integriert. Du benötigst also für diese Funktionen kein zusätzliches Plugin.

Diese Funktion die du suchst nennt sich Posterfunktion.

Du musst zuerst einen Screenshot in der selben Größe (Abmessung) wie das Video selbst machen, und diesen als PNG-Datei abspeichern. Am besten verwendest du dazu den VLC-Mediaplayer. Praktischer weise benenne ich beide Dateien gleich - sie unterscheiden sich nur durch die Dateiendung .mp4 und .png
In unserem Beispiel also Datei.mp4 und Datei.png
Beide Dateien lade ich via ftp in das selbe Verzeichnis (in dem Fall /uploads/mp4/) hoch.
Nun muss ich nur noch unten angegebenen Codeschnipsel über den Wordpress-Editor über die Textebene einfügen.
Pfade und Breite und Höhe des Videos musst du natürlich deinen Videos anpassen.

Anbei ein Beispielcode wie du ihn in eine Seite einbauen musst:

[video src="http://www.meineHomepage.de/wp-content/uploads/mp4/Datei.mp4" width="640" height="360" poster="http://www.meineHomepage.de/wp-content/uploads/mp4/Datei.png" preload="true"]

Hier noch ein Beispiel von meiner Homepage, wie es aussieht.

Zentrieren auf einer Seite kannst du das Video, indem du folgenden Code vor- und hinter den Videocode jeweils in einer separaten Zeile setzt.

<div align="center">
</div>

Gruß Frank