title: HTML5 Video poster attribute in Safari and Chrome
body: <p>In Firefox the image specified by the poster attribute of the <code>VIDEO</code> tag remains on screen until the play button is pressed. However in the Webkit browsers (Safari and Chrome) the poster is dumped in favor of the first frame from the video as soon as the video metadata is fetched.</p>
  
  <p>I want to avoid having to place the poster on top of the video element manually if I could. Does anyone know of a fix for this? </p>
  
  <pre><code>&lt;video src="some_url" poster="images/poster.jpg"&gt;
      &lt;source type="video/ogg" src="some_url" /&gt;
  &lt;/video&gt;
  </code></pre>