Dark air skin in a basic setup (FlowPlayerDark.swf).

The first clip in the playlist is a still image and it uses the built-in big play button overlay on top of it. The same play button is used after the video is complete. But here the play button overlay is shown on top of the last video frame. All this is accomplished with three clips in the playlist:

• Still image configured with the FlowPlayer built-in play button overlay.
• The actual FLV video file.
• Built-in FlowPlayer play-button overlay shown on top of the last video frame.

This one uses the new native full screen feature.

Hre is the complete HTML source used to achieve this. The call to fo.addVariable("config", ...) sets the FlowPlayer settings. Other code here is for Flash embedding using SWFObject.

<script type="text/javascript" src="/video/swfobject.js"></script>
<div id="fp1" class="flowplayer">Basic demo</div>
<script type="text/javascript"> defer="defer" 
  // <![CDATA[
  var fo = new SWFObject("/video/FlowPlayerDark.swf", "FlowPlayer", "300", "250", 
       "9", "#ffffff", true);
  fo.addParam("AllowScriptAccess", "always");
  fo.addParam("allowFullScreen", "true");
  fo.addVariable("config", "{ 
       playList: [ 
          { url: 'http://blip.tv/uploadedFiles/Zeitgeiber-FirstInLineForIPhoneGuyDay3531-469.jpg',
 overlayId: 'play' }, 
          { url: 'http://blip.tv/file/get/Zeitgeiber-FirstInLineForIPhoneGuyDay3531.flv?source=1' }, 
          { overlayId: 'play' } ], 
       showStopButton: true, autoPlay: false, autoRewind: false, autoBuffering: false, initialScale: 'scale' }");
  fo.write("fp1");
// ]]>
</script>

As you can see there are a few variables that are used here to change the default behavior: showPlayListButtons, loop, initialScale, autoBuffering, useNativeFullScreen. These are all optional and you can specify them if you don't want to go with the defaults. These variables are all explained in more detail in the documentation.