title: Video js. Doesn't play on iOS 5.x (iPad 1), iOS 6.x (iPhone 4)
body: <p>I'm embedding a video with video.js 4.0 which I converted to MP4 from mpeg with Handbrake (H.264) with videojs. I subsequently converted the mp4 to ogv and webm (online-convert.com).</p>
  
  <p>The video is not playing on iOS 5.1 (iPad 1) or 6.1.2 (iPhone 4). It does work however on 6.x on the latest gen iPad, all mac and PC browsers (down to ie7). On iOS 5.1 (iPad 1), I just get an endless spinner. On iOS 6.1.2 (iPhone 4) I get the play symbol with a line through it.</p>
  
  <p>Here's my embed code:</p>
  
  <pre><code>&lt;video id="my_video_1" class="video-js vjs-default-skin" preload="auto" width="1050" height="588" poster="/img/posterframe.jpg"
       data-setup="{}"&gt;
          &lt;source src="/video/Design_Sketch_new.mp4" type='video/mp4'&gt;
          &lt;source src="/video/Design_Sketch_new.ogv" type='video/ogg'&gt;
          &lt;source src="/video/Design_Sketch.webm" type='video/webm'&gt;
      &lt;/video&gt;
  </code></pre>
  
  <p>Anyone have any ideas? Do I need to encode the file differently? Supply an additional format? Embed the video any differently?</p>