Eine sehr schöne und einfache Methode in Drupal 7 Videos einzubinden. Und alles mit HMTL 5 Elementen und Fallback als Flash.
Ich habe das ganze mit einer mp4 Datei getestet.
Man benötigt folgende Module:
http://drupal.org/project/libraries
https://drupal.org/project/mediaelement
Beide runterladen und nach sites/all/modules installieren.
Als nächstes muss man sich noch die "Mediaelementsjs" Bibliothek runterladen. Diese findet man hier: http://mediaelementjs.com/
den Download dann nach sites/all/libraries entpacken und in in "mediaelement" umbenennen (wenn kein libraries Ordner vorhanden ist einfach einen erstellen.)
Dann die neuen Module aktivieren.
Zunächst erstellen wir ein neues Feld bei einem beliebigen Inhaltstypen. Ich nehme hier mal den Artikel.
Hier auf "Felder verwalten" klicken und ein neues Feld hinzufügen. Man nenne es z.B. "Video". Unter "Feld" Datei auswählen:
Speichern und im folgenden Dialog nicht vergessen bei "zugelassene Dateiendungen" mp4 einzustellen.
Nun einen neuen Inhalt (Typ Artikel natürlich) erstellen und ein Video hinzufügen. Das ganze speichern und das Ergebnis sieht nicht wie erwartet aus.
Es fehlt noch die wesentliche Einstellung. Man klicke nun unter Struktur, Artikel auf "Anzeige verwalten" Und dort beim Feld Video unter Format stelle man "MediaElement Video" ein.
Rechts beim Feld gibt es noch ein kleines Gear-Icon dort kann man noch die gewünschte Größe einstellen.
Nun zurück zum eingangs erstellten Inhalt und sich freuen das es so einfach war und super funktioniert.
Vorschaubild
Wie kriege ich ein Vorschaubild in den Player?
In einigen Browsern scheint der Autoload für das Video nicht zu klappen.
Frage
erstmal vielen dank kurz und perfekt erklärt funktioniert sehr gut DANKE
eine Frage, was muss ich wo einstellen um das video in einem neuen Fenster zu öffnen ich will nicht das der Kunde den shop verlässt
wo
hallo, feine sache.
kann ich denn so ein feld auch im normalen inhaltbereich einbinden?
Super :-)
Dankeschön für das super tutorial klappt wunderbar.
Fallback?
Super Tutorial - Nur eine Frage (und wahrscheinlich verstehe ich es einfach nur nicht) aber wo is der Fallback auf Flash?
Der Fallback ist im
Der Fallback ist im Mediaelement enthalten
Post new comment