Dit artikel gaat verder in op het artikel "Video op je website? Zet je bestanden om naar Flash!". De vorige keer hebben we besproken hoe je je bestanden eenvoudig kunt omzetten naar Flash-bestanden, de voordelen waren onder andere het kleine formaat en de verspreiding van Flash bij internetters. In dit artikel zullen we een videospeler bespreken die (bijna) altijd zal werken, goed nieuws toch?

Met FLV player van Jeroen Wijering (inderdaad, een Nederlander ;-)) kun je je flv-videobestanden afspelen op je website, met een aantal geweldige functies!

Wat zijn dan de voordelen van deze speler?

Veel videospelers laten een zwart vlak zien totdat iemand op de play-knop klikt. Met FLV-player kun je een afbeelding tonen als de speler op standby staat, wat je bezoekers een indruk geeft wat ze kunnen verwachten van het filmpje.

Een ander voordeel is dat FLV player het bestand laadt terwijl je het filmpje bekijkt. Dat betekent dat je niet eerst superlang hoeft te wachten voordat het filmpje ingeladen is, maar dat het meteen begint.

En wat ik persoonlijk echt geweldig vind is de fullscreen-functie! Met een druk op de knop kunnen je bezoekers de online video op volledig scherm bekijken. Super toch?

Zo gebruik je FLV player!

Download FLV player hier: http://www.jeroenwijering.com/?item=JW_FLV_Player en pak het zip-bestand uit. Je ziet nu een boel bestanden, maar je hebt alleen de volgende nodig: flvplayer.swf, swfobject.js en natuurlijk je eigen videobestand en afbeelding. Kopieer deze bestanden naar je website-locatie en ga als volgt te werk:

• Open de pagina waar de video in moet komen in je html-editor.
• Plaats tussen < head> en < /head> de volgende code:

<script
type="text/javascript" src="swfobject.js"
mce_src="swfobject.js"></script>

•  Plaats vervolgens tussen < body> en < /body> op de plaats waar de video moet komen de volgende code:

<p id="player1">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash
Player</a> to see this player.</p>
<script type="text/javascript">
var s1 = new SWFObject("flvplayer.swf","single","300","170","7");
s1.addParam("allowfullscreen","true");
s1.addVariable("file","video.flv");
s1.addVariable("image","preview.jpg");
s1.write("player1");
</script>

•  Hernoem video.flv en preview.jpg in dit stukje code naar jouw eigen bestanden.
• Sla het bestand op.
• Upload nu alle betrokken bestanden naar je server.
• Nu kun je op je eigen website het resultaat bekijken!

Veel succes en geniet ervan! ;-)