Lupe Suche
Responsiv Devices

4 - Videodateien bereitstellen

Vorbereiten der dateien zum testen

Um dein Modul richtig testen zu können, brauchst du die folgenden Dateien im Ordner "assets/video/ ... ":

  • code.jpg (Das Vorschaubild)
  • code.mp4 (MPEG Videodatei)
  • code.ogv (OGV Videodatei)
  • .htaccess (Berechtigungen für den Apache-Server, einige Hosinganbieter haben die verwendeten Videodateien nicht als berechtigte Dateien eingetragen)
  • htaccess.txt (Variante für MAC-UserInnen, falls der Dateityp .htaccess nicht angezeigt wird.)

 

Download: code.zip

1. Lade die Datei "code.zip" auf deinen Rechner, entpacke sie
2. Kopiere die Dateien in deine Silverstripe-Installation,
     Ordner: assets/video/code/...

Du kannst die bereitgestellten Videidateien und Pfadangaben zum testen benutzen. Verwendest du eigene Pfade und Videodateien solltest du folgende Angaben bereitstellen:

  • Videodatei Typ: MP4 (Diese Dateitypen können auch den Suffix *.mv4 oder *.mpg tragen)
  • Videodatei Typ: OGV
  • Startbild im gleichen Ordner, Typ jpg, png oder gif
  • Videobreite und Videohöhe, die Pixelwerte sollten der Videodatei entsprechen
  • Optional kann auch der Typ: WEBM verwendet werden, dazu muss aber der Controller und das Template um die die nötigen Eingabefelder und die Ausgabe erweitert werden.
  • Ein Flash-Fallback für ältere Browser/Flashplayer kann einfach als extern verlinkte HTML-Datei angeboten werden.

Das VideoJS-Modul benutzen

Der Page-Typ "VideoJSPage" kann wie jeder andere Seitentyp in Silverstripe verwendet werden. Model, Controller und Template, zudem alle nötigen Bilder und Javascriptdateien befinden sich im Module-Ordner.

3. Erstelle eine neue Seite vom Typ: VideoJSPage
4. Unter dem Reiter: "Inhalt" kannst du Titel, URL, Navigationsbezeichnung und Content eingeben.
5. Unter dem Reiter: "Video" fügst du die Angaben für die Video-Umgebung ein. (siehe unten)

videoangabenDie abgebildeten Angaben beziehen sich auf die bereitgestellte ZIP-Datei. 

Das fertige Modul "VideoJS" zur Kontrolle als Download: videojs.zip