Wenn so ein Flash-Ding schon so eine tolle JavaScript-Schnittstelle zur Verfügung stellt, dann ist es doch am sinnvollsten, diese auch zu nutzen.
Die Menüvariante funktioniert
ohne Seitenrefresh, aber sie sieht micht so aus wie dein Muster, das ist Pech.
Edit:
Ich habe mich mal ein wenig mit der JavaScript-API des Flowplayers beschäftigt. Folgende Lösung:
Platzhalter für die Videos
HTML-Code:
<div style="width:425px;height:300px;margin:0 auto;" id="player"></div>
Initialisierung mit dem ersten Video
Code:
<script>
var meinplayer = flowplayer("player","flowplayer-3.2.11.swf","video-clip-1.flv");
</script>
Auf diese Variable
meinplayer hat man jetzt Zugriff und kann mit bestimmten Kommandos steuern, z.B.
HTML-Code:
<button onClick="meinplayer.pause();">Pause</button>
<button onClick="meinplayer.play();">Play</button>
So kann man auch das Kommando geben, einen anderen Clip zu zeigen:
HTML-Code:
<button onClick="meinplayer.play('video-clip-2.flv');">Clip2</button>
Ein Refresh der Seite findet dabei (zumindest bei meinen Experimenten) nicht statt.
An Stelle eines Buttons kann man nun auch eine Art Vorschaubild mit dem onklick verbinden:
HTML-Code:
<img border="0" src="vorschau.png" width="125" height="40" onClick="meinplayer.play('video-clip-2.flv');">
flowplayer Video per onClick ersetzen
Linear-Darstellung
