title: HTML5 video plays in chrome but not IE9
body: <p>I've tried every concoction you can find on the internet and here on SO with regard to encoding, htaccess, and video element markup but I cannot get these videos to play in IE9 while they work perfectly in Chrome. Does anyone know the magic fairy dust to get this to work? All that shows in IE is a black box with the red x in the center. Here is a link to the test page: (link removed)</p>
  
  <p>Note that I show two videos and two variations of the markup. One is a direct copy from Mark Pilgrim's book for the video type. The first video was encoded using miro. The second with ffmpeg. I do include 'AddType video/mp4 .mp4' in my htaccess in that video directory.</p>
  
  <p>It's never mattered what I've tried or which combinations of presets for ffmpeg, nothing seems to work. I am NOT interested in hearing suggestions about javascript libraries or any other libraries.</p>
  
  <p><strong>EDIT1:</strong> </p>
  
  <p>After seeing a test page by @heff below, it appears my problems may be related to my host, HostGator, who's support team has given me the brush off that they don't support web design efforts using HTML5. I also have issues with HTML5 audio in IE9 using audio and markup that works in other browsers and from other web hosts. I don't know that my problem is host related but I am inclined to believe so and will be looking into testing with other hosts.</p>
  
  <p>I see a lot of similar questions to mine on the internet and here at SO and I'm wondering if they are having the same host issues as me.</p>
  
  <p><strong>EDIT2:</strong></p>
  
  <p>I put the videos on a local server in my office along with the exact same web pages using Apache and FreeBSD (HostGator uses Centos). The videos play just fine in IE9.</p>
  
  <p><strong>EDIT3:</strong>
  So I got "Uncle Buck Bunny" to work. It's a well known MP4 I downloaded. Why it works, I don't know, but I used the same encoder they did, I think. They must possess that magic fairy dust no on else has.</p>
  
  <p><strong>EDIT4:</strong>
  Can anyone copy one of my videos and the markup and make it work on their non-HostGator host? </p>
  
  <p><strong>EDIT5:</strong>
  So it appears IE9 is downloading the mp4 videos but just not playing them or showing the controls while displaying a red 'x'. I originally thought the videos were not being downloaded at all from the their dev tools was showing me. Still lost as to what to do. I DO see a flash of the controls when I reload the page.</p>
  
  <p><strong>EDIT6: Solved</strong>
  The solution, as I implied elsewhere, is in the encoding. What is different, I do not know, but I got this working using an encoding method using ffmpeg. The encoding is shown in my answer below.</p>
  
  <p>As I also stated, no other browser has an issue with what I was using.</p>