title: HTML5 video, poster img doesnt show in IE
body: <p>I've got a small problem - I have a HTML5 video om my site, it works fine in FF, Chrome, Safari. However, it only shows the video in IE if I set autoplay="autoplay". Somehow it doesn't show the poster img - You can see it here, <a href="http://test.jsworldmedia.com/" rel="noreferrer">http://test.jsworldmedia.com/</a> Just press See Video. Anyone know what is wrong?</p>
  
  <p>The code is: </p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;video id="videoContainer" width="932" height="524" controls="controls" poster="/media/13037/big_buck_bunny_poster.jpg"&gt;
      &lt;source src="http://test.jsworldmedia.com/media/13010/big_buck_bunny.mp4" type="video/mp4" /&gt;
      &lt;source src="http://test.jsworldmedia.com/media/13555/big_buck_bunny.ogv" type="video/ogg" /&gt;
      &lt;source src="http://test.jsworldmedia.com/media/13034/big_buck_bunny.webm" type="video/webm" /&gt;
      &lt;object id="flash_fallback_1" class="vjs-flash-fallback" width="932" height="524" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"&gt;
          &lt;param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /&gt;
          &lt;param name="allowfullscreen" value="true" /&gt;
          &lt;param name="flashvars" value="config={'playlist':['http://test.jsworldmedia.com/media/13037/big_buck_bunny_poster.jpg', {'url': 'http://test.jsworldmedia.com/media/13010/big_buck_bunny.mp4','autoPlay':false,'autoBuffering':true}]}" /&gt;
              &lt;img src="http://test.jsworldmedia.com/media/13037/big_buck_bunny_poster.jpg" width="932" height="542" alt="" title="No video playback capabilities." /&gt;
      &lt;/object&gt;
  &lt;/video&gt;
  </code></pre>