HTML_CSS - Sparte Multimedia

JW FLV Player und mehrere Videos

Eingetragen am 14.07.2009

Mit dem JW FLV Player mehrere Videos auf einer Seite einbinden.

Ich wollte mit dem JW FLV Player mehrere Videos in einem Bericht darstellen. Was passierte, es wurde nur ein Video angezeigt und dann nur das Letzte.
Ich gebe zu, bevor ich es mit Nachdenken versuchte, bemühte ich Tante Google. Aber die spukte nichts aus, bis auf dem, dass das Problem einige Andere auch hatten, aber keine Lösung gefunden hatten.
Also musste ich doch nachdenken ;-)

Was passiert hier eigentlich?
Der JW FLV Player ist nichts anderes als eine Flash SWF-Datei, die den eigentlichen Player beinhaltet der über ein JavaScript auf dem Webserver und der Homepage angesprochen wird. Das JavaScript sucht sich die Einbindung über eine eindeutig zu identifizierende ID in einem <div>.
Ich suchte also im JavaScript des Servers nach der ID Video_1, aber die war nicht zu finden. Ich gab dann auf und betrachtete mir ein letztes Mal den Code für die Einbindung in die Hompage und da fiel der Groschen.

Die Lösung:

Im JavaScript auf der Homepage wird die ID aus dem <div> vorgegeben, in dem das JavaScript auf dem Server den Player nebst Video einzubinden hat.

So sieht ja der vollständige Code des JW FLV Player auf der Homepage aus:

<div id="Video_1"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.</div>
<script type="text/javascript" src="include/swfobject.js"></script>
<script type="text/javascript">
        var s1 = new SWFObject("include/player.swf","ply","328","200","9","#FFFFFF");
        s1.addParam("allowfullscreen","true");
        s1.addParam("allowscriptaccess","always");
        s1.addParam("flashvars","file=http://www.deinklick.de/video/Kutterregatta_2009.flv&image=Image/preview_kutterregatta.jpg");
        s1.write("Video_1");
</script>

Ihr braucht also lediglich die id im <div>, write im JavaScript (Video_1) fortlaufend eingeben und die entsprechenden Datei unter unter "file" eingeben. Schon könnt Ihr beliebig viele Videos auf einer Seite eurer Homepage einbinden.
Beispiel: Krabbenkutterregatta_in_Fedderwardersiel.html

So einfach ist das...
Spinnen wir das weiter, ein wenig Zeit vorausgesetzt, könnte man auf diese Weise ein ganzes Videoportal erstellen.

Link zum für mich genialen FLV Player: www.longtailvideo.com/players/jw-flv-player/

Bisherige Kommentare: Kommentar schreiben»