title: showing an image as firstframe using flowplayer and on clicking the image play the video
body: <p>I am using flowpalyer to play video. I am trying to get to show an png image as start image instead of the regular black screen. But for somereason its not working can anyone help me i dentify what the problem is</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://brianhaskins.com/protege/flowplayer-3.2.2.min.js"&gt;&lt;/script&gt;
  
  &lt;div style="width: 290px; padding-bottom: 0px;" id="optin"&gt;
  &lt;div style="width:264px;height:198px;border:1px solid red;"&gt;
  &lt;a  href="http://brianhaskins.com/blogvideo/blogoptinfinal/blogoptinfinal.mp4" 
  style="display:block;width:290px;height:171px;"     id="player"&gt; &lt;/a&gt;
  &lt;script language="JavaScript"&gt;
  flowplayer("player", "http://brianhaskins.com/protege/flowplayer-3.2.2.swf"{
  
      // here is our playlist with two clips
      playlist: [
  
          // this first PNG clip works as a splash image
          {
              url: 'http://brianhaskins.com/blogvideo/blogoptinfinal/FirstFrame.png', 
              scaling: 'orig'
          },
  
          // second clip is a video. when autoPlay is set to false the splash screen will be shown
          {
              url: 'http://brianhaskins.com/blogvideo/blogoptinfinal/blogoptinfinal.mp4', 
              autoPlay: false, 
  
              // video will be buffered when splash screen is visible
              autoBuffering: true 
          }
      ]
  });&lt;/script&gt;
  &lt;/div&gt;
  </code></pre>