Linktipp: HTML5 Videos in Drupal 7 einbinden mit videojs + videojs Filter

Thomas beschreibt in seinem Blogartikel kurz und prägnant die nötigen Schritte, um Videos in HTML5 auf Drupal CMS Websites verständlich einzubetten.

Benötigt wird dazu:

- file_entity.module
- videojs.module
- videojs_filter.module

Schritte in Zusammenfassung:

  • Module aktivieren
  • videojs Library hochladen wie beschrieben
  • videojs_filter konfigurieren. Hier kann als Workaround "/" hinter die Pfade gesetzt werden, um die Dateien direkt aus dem "files"-Verzeichnis zu nutzen
  • Das Video in den gängigen Formaten (*.ogg, *.mp4, *.webm) über das file_entity.module hochladen (Inhalt > Dateien > Datei hinzufügen) - es werden alle Formate benötigt, um alle Browser abzudecken!
  • Den Filter in den Eingabeformaten aktivieren!
  • Die Video-Pfade (direkt zum Video, nicht zur Entity!) in den Inhalt per Filter einfügen. Die verschiedenen Formate werden so angegeben:
    [videojs:{webks_beispielvideo.mp4|webks_beispielvideo.webm}]

Weitere Parameter laut Modul-Doku (videojs_filter.module):

[videojs:{video_file}|poster:{poster_file}|width:{width}|height:{height}]

Und schon läuft's! Ich freue mich auf Eure Kommentare!

Für Einrichtung, Fragen und Support stehen unsere Mitarbeiter gerne kostengünstig zu Eurer Verfügung: http://www.DROWL.de

Comments

Ganz so einfach war es leider

Ganz so einfach war es leider dann doch nicht. Ich hatte unter Konfiguration|Medien|VideoJS Filter die Pfade neu eingestellt - was ja auch empfohlen wird. Dann, nach dem Hochladen der Video-Files mittels File Entity Module, musste ich allerdings feststellen, dass die Files alle in dem Ordner /files gespeichert werden. Die kann man auch nicht verschieben. Das Eintragen des vollen Pfads im Node-Quelltext führte nicht zum Erfolg. Erst als ich von Hand die Dateien in den voreingestellten Ordner kopierte (ssh-Verbindung), konnte das Filtermodul auf die Videos zugreifen. Danach konnte ich sie als Entity Dateien löschen.

Post new comment

The content of this field is kept private and will not be shown publicly.

More information about formatting options