Html 视频js。不'；t在iOS 5.x（iPad1）、iOS 6.x（iPhone4）上玩

我正在用video.js 4.0嵌入一个视频，我用videojs将mpeg和Handbrake（H.264）转换成MP4。我随后将mp4转换为ogv和webm（online convert.com）

视频没有在iOS 5.1（iPad1）或6.1.2（iPhone4）上播放。不过，它在最新一代iPad、所有mac和PC浏览器（下至ie7）的6.x版本上都能正常工作。在iOS5.1（iPad1）上，我得到了一个无休止的旋转器。在iOS 6.1.2（iPhone4）上，我得到一条线穿过的播放符号

以下是我的嵌入代码：

<video id="my_video_1" class="video-js vjs-default-skin" preload="auto" width="1050" height="588" poster="/img/posterframe.jpg"
     data-setup="{}">
        <source src="/video/Design_Sketch_new.mp4" type='video/mp4'>
        <source src="/video/Design_Sketch_new.ogv" type='video/ogg'>
        <source src="/video/Design_Sketch.webm" type='video/webm'>
    </video>

---

有人有什么想法吗？我需要对文件进行不同的编码吗？提供附加格式？嵌入视频有什么不同吗？

对于任何想知道的人来说，这是由于视频的大小。它有1080p，这是旧设备不喜欢的。我把它减少到480，一切都很好。请看这里：