FLV Video Gallery anlegen

Anleitung zur Einrichtung einer FLV Videogalerie in Phoca Gallery (der sauberste Ansatz, den ich bisher gefunden habe) von pelma.

Sieht lang und komplizieret aus, ist es aber nicht. Probieren Sie es aus, es macht Spaß.

Getestet mit:

  • Joomla 1.5.14
  • Phoca Gallery 2.5.5
  • AllVideos reloaded 1.2.6

1. Laden Sie AllVideos Reloaded (hier) herunter und installieren Sie es

2. Legen Sie die Verzeichnisse  videos und audio in images/stories in Ihrer Joomla! Installation an, wie in der AllVideos Hilfe beschrieben.
(via FTP oder Joomla Media Manager, je nachdem wie Sie Ihre Videos hochladen wollen - ich benutze FTP)

3. Laden Sie ihre FLV-Videos in images/stories/videos hoch

4. Erzeugen Sie ein JPG-Miniaturbild (thumbnail) für jedes Video mit Paintshop, GIMP oder dergleichen. Sie können natürlich auch bereits existierene Bilder verwenden.

5. Erstellen Sie in Phoca Gallery eine neue Kategorie, die Sie z.B. Videos nennen und laden Sie Ihre Miniaturbilder in diese Kategorie hoch.

6. Erzeugen Sie einen Menüeintrag in einem Joomla! Menü:

  • Menüeintrag Typ: Phoca Gallery - Phoca Gallery Kategorie Layout
  • Wählen Sie Ihre neue Video Kategorie Select your new video category in den Basisparametern.
  • Verändern Sie folgende Einstellungen in den Komponentenparametern:
    • Detail Ansicht Einstellungen
    • Detail-Popup-Fenster: Modal-Popup-Fenster. Benutzen Sie nicht "Modal-Popup box (Nur Bilder)" !!!
    • Größe der Bilder und Fenster - Einstellungen
    • Breite für das Detailfenster: Breite Ihrer Videaos + 20 z.B. 420
    • Höhe für das Detailfenster: Höhe Ihrer Videos + 20 z.B. 340

7. Testen Sie Ihre Gallery (Die Videos werden jetzt noch nicht angezeigt. Sie werden nur Ihre Miniaturbilder (thumbnails) im Popup-Fenster sehen)
Wichtig: Rufen Sie Ihre Galerie mit dem eben neu erstellten Menüeintrag auf, weil nur dieser die Phoca Gallery Standartparameter überschreibt.

Nun beginnt der Spaß! Wir werden die Youtube-Methode zum Anzeigen Ihrer Videos benutzen.

8. Gehen Sie Sie im Backend zu: --> Komponenten --> Phoca Gallery --> Kontrollzentrum --> Bilder  wählen Sie dort Ihre Kategoie Video aus. Öffnen Sie das erste Video-Miniaturbildl

9. In das Feld Video Code (YouTube): Fügen Sie den folgenden Code ein:

<object data="http://www.yourdomain.com/subfolder/plugins/content/avreloaded/mediaplayer.swf"
style="width: 400px; height: 300px;"
type="application/x-shockwave-flash">
<param value="http://www.yourdomain.com/subfolder/plugins/content/avreloaded/mediaplayer.swf" name="movie"/>
<param value="high" name="quality"/>
<param value="transparent" name="wmode"/>
<param value="#010101" name="bgcolor"/>
<param value="false" name="autoplay"/>
<param value="true" name="allowfullscreen"/>
<param value="always" name="allowscriptaccess"/>
<param value="file=http://www.yourdomain.com/subfolder/images/stories/videos/yourfile.flv&image=http://www.yourdomain.com/subfolder/images/stories/videos/yourpicture.jpg&autostart=false&fullscreen=true" name="flashvars"/>
</object>

Ersetzen Sie überall im Code:

  • subfolder mit dem Namen des Unterverzeichnisses (fall Sie eins haben) Ihrer Joomla! Installation
  • yourdomain.com mit dem Namen Ihrer Domain
  • yourvideo.flv mit dem Namen Ihres Videos

10. Speichern Sie alles.

11. Spielen Sie Ihr Video im Frontend wie unter 7. beschrieben, ab. Ab jetzt sollte das Popup-Fenster Ihr Video anstatt des Miniaturbildes (thumbnail) anzeigenl.

Sie können noch den Code anpassen, in dem Sie autostart=true auf autostart=false setzen, wenn Sie nicht möchten, dass das Video automatisch abgespielt wird.

Viel Spaß.

Falls Sie Probleme feststellen, posten Sie bitte hier mit folgenden Angaben:

  • Der Code den Sie in das Feld Video Code (YouTube) eingefügt haben
  • Ein Link zu Ihrer Video-Galeriea, die nicht funktioniert