Videos in drupal 7 HTML5 iPhone Android und Flash Fallback

BLOG

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.