title: html5 video fallback advice (no flash)
body: <p>I'm looking for a creative way to replace an HTML5 video with an image under a few circumstances. Don't want to deal with flash or anything like that to make the video work... would rather give them an image.</p>
  
  <p>Give them the image if:</p>
  
  <ol>
  <li><p>If the desktop browser doesn't support HTML5 video</p></li>
  <li><p>If the user is mobile</p></li>
  </ol>
  
  <p>Seems simple... especially by using Modernizr for css tags with <code>display:none;</code> if the video isn't supported ... so here's the caveat: The HTML5 video is edge to edge and centered to the screen with JavaScript and I'd like the image to have the same behavior.</p>
  
  <p>My initial thought was simple: poster attribute. Works on an iPad and iPhone 3/3gs, but is playable on an iPhone 4.. Also, doesn't work on IE, which apparently says "I don't know what this is" and doesn't even bother with the poster.</p>
  
  <p>I've got a test set up at <a href="http://kzmnt.com/test/" rel="nofollow">http://kzmnt.com/test/</a></p>
  
  <p>Looking forward to your advice!</p>