Einbinden von Flashfilmen in statische HTML Seiten
Nur noch wenige Seiten im Internet werden nicht von einem
Content
Management System / Redaktionssystem ausgeliefert, sondern liegen so auf
dem Server, wie Sie diese auch im Browser sehen. Dabei haben statische Seiten
auch ihre Vorteile: Sie sind schnell und sicher. Der Nachteil ist jedoch, dass
Sie ein paar Klimmzüge vollbringen müssen, um Flashfilme einzubinden.
Basis aller Bemühungen ist das freie Programm
Flowplayer.
- Laden Sie sich von den Sourceforge Seiten des Projektes das aktuelle ZIP
Paket mit dem Programm herunter.
- Entpacken Sie das Archiv auf Ihrer lokalen
Festplatte und laden Sie den Inhalt des Ordners /flowplayer mit
Ihrem FTP Programm (bei BelWue mit WinSCP) in den Ordner auf Ihren Webspace
hoch, in dem Sie Ihren Flashfilm zeigen / ablegen wollen.
- Laden Sie nun Ihre
FLV Datei in den gleichen Ordner.
- Erstellen Sie dann (lokal) eine HTML Seite, die den Film zeigen soll. Fügen
Sie in diese Seite den folgenden Codeschnipsel ein:
<object type="application/x-shockwave-flash" data="FlowPlayer.swf"
width="320" height="262" id="FlowPlayer">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="FlowPlayer.swf" />
<param name="quality" value="high" />
<param name="scale" value="noScale" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="config={videoFile: 'ihre_video_datei.flv'}" />
</object>
Vergessen Sie nicht den Eintrag ihre_video_datei.flv durch
den Namen Ihrer Videodatei zu ersetzen und hinter width und height die Größe
für Ihren Video anzupassen, den Sie in Schritt 3 auf Ihren Server geladen
haben.
- Laden Sie diese HTML Seite nun ebenfalls auf den Server (mit FTP oder
WinSCP) und überprüfen Sie das Ergebnis im Browser.
Und so kann das aussehen: Kleine
Demo
des Flowplayers
Selbstverständlich müssen Sie nicht für jeden Flashfilm den Flowplayer erneut
hochladen. Zu empfehlen ist vielmehr, ein Verzeichnis für alle Flashfilme zu
verwenden und dann unterschiedlich benannten HTML Seiten darin abzulegen, die
die jeweils zu zeigenden Filme einbinden. Weitere Tipps und Tricks erfahren
Sie auf den Projektseiten von
Flowplayer.
Weiter:
Flashfilme
in Moodle