Ik voel me bezwaard hier zomaar mijn probleem te dumpen maar ik kom er niet meer uit en waarschijnlijk is het helemaal niet zo lastig.
Ik heb flowplayer in mijn site kunnen krijgen en alles draaiende gekregen maar ik begrijp niet hoe ik meerdere verschillende video's kan toevoegen. Waarschijnlijk moet ik wat code dupliceren en een nummer aan toevoegen?

Ik zou het heel erg waarderen als iemand mij dit kan uitleggen.

Dit is de code die ik gebruik met het script.

<div class="thumbnail">
<!-- thumbnail that opens up overlay -->
<a href="#" rel="div.overlay" title="FaceCareer" ><img src="design/facecareerthumb.jpg"/></a>
<a href="#" rel="div.overlay" title="FaceCareer" >Facecareer video</a>
</div>

<!-- element that is overlayed, visuals are done with external CSS -->
<div class="overlay" style="background-image:url('img/overlay/blackrechts.png')">

<!-- flowplayer container -->
<a id="player" href="design/FaceCareer.flv">


<!-- some initial content so that player is not loaded upon page load -->
&nbsp;
</a>
</div>




<script>

$(function() {

// install flowplayer into flowplayer container
var player = $f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf");

// setup button action. it will fire our overlay
$("a[rel]").overlay({

expose: {
color: '#333',
loadSpeed: 200,
opacity: 0.3
},
// use the Apple effect for overlay
effect: 'apple',

// when overlay is opened, load our player
onLoad: function() {
player.load();
},

// when overlay is closed, unload our player
onClose: function() {
player.unload();
}
});

});
</script>