title: HTML5 Video not playing in iOS Simulator Safari
body: <p>I'm using the iOS Simulator to test a website on iPhone and iPad. I have a <code>video</code> tag that works in every other browser but not iOS Safari (in the simulator - I don't have actual iPhone/iPad). I created the video tag from here: <a href="http://camendesign.com/code/video_for_everybody#video-code" rel="nofollow">http://camendesign.com/code/video_for_everybody#video-code</a></p>
  
  <pre><code>&lt;!-- first try HTML5 playback: if serving as XML, expand `controls` to `controls="controls"` and autoplay likewise --&gt;
  &lt;!-- warning: playback does not work on iOS3 if you include the poster attribute! fixed in iOS4.0 --&gt;
  &lt;video width="640" height="360" controls&gt;
      &lt;!-- MP4 must be first for iPad! --&gt;
      &lt;source src="testvideo.mp4" type="video/mp4" /&gt;&lt;!-- Safari / iOS video    --&gt;
      &lt;source src="testvideo.ogv" type="video/ogg" /&gt;&lt;!-- Firefox / Opera / Chrome10 --&gt;
      &lt;!-- fallback to Flash: --&gt;
      &lt;object width="640" height="360" type="application/x-shockwave-flash" data="player.swf"&gt;
          &lt;!-- Firefox uses the `data` attribute above, IE/Safari uses the param below --&gt;
          &lt;param name="movie" value="player.swf" /&gt;
          &lt;param name="flashvars" value="controlbar=over&amp;amp;image=myimage.jpg&amp;amp;file=testvideo.mp4" /&gt;
          &lt;!-- fallback image. note the title field below, put the title of the video there --&gt;
          &lt;img src="__VIDEO__.JPG" width="640" height="360" alt="test title"
               title="No video playback capabilities, please download the video below" /&gt;
      &lt;/object&gt;
  &lt;/video&gt;
  &lt;!-- you *must* offer a download link as they may be able to play the file locally. customise this bit all you want --&gt;
  &lt;p&gt; &lt;strong&gt;Download Video:&lt;/strong&gt;
      Closed Format:  &lt;a href="testvideo.mp4"&gt;"MP4"&lt;/a&gt;
      Open Format:    &lt;a href="testvideo.ogv"&gt;"Ogg"&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>What could be causing the issue? Is it the simulator or the video? Or the code?</p>
  
  <p><strong>EDIT: When I click the video image to play, it opens quicktime and then pops up an error message: "The operation could not be completed"</strong></p>