视频.js。无法在 iOS 5.x (iPad 1)、iOS 6.x (iPhone 4) 上播放答案

【问题标题】：Video js. Doesn't play on iOS 5.x (iPad 1), iOS 6.x (iPhone 4)视频.js。无法在 iOS 5.x (iPad 1)、iOS 6.x (iPhone 4) 上播放
【发布时间】：2013-05-15 09:23:05
【问题描述】：

我正在嵌入一个带有 video.js 4.0 的视频，我将它从带有 Handbrake (H.264) 和 videojs 的 mpeg 转换为 MP4。我随后将 mp4 转换为 ogv 和 webm (online-convert.com)。

视频无法在 iOS 5.1 (iPad 1) 或 6.1.2 (iPhone 4) 上播放。然而，它在最新一代 iPad、所有 mac 和 PC 浏览器（低至 ie7）上的 6.x 上确实有效。在 iOS 5.1 (iPad 1) 上，我得到了一个无尽的微调器。在 iOS 6.1.2 (iPhone 4) 上，我得到了带有一条线的播放符号。

这是我的嵌入代码：

<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>

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

【问题讨论】：

标签： html video video.js

【解决方案1】：

对于任何想知道的人来说，这是由于视频大小。它具有旧设备不喜欢的 1080p。我把它降低到480，一切都很好。见这里：http://blog.fraser-hart.co.uk/video-js-issues-on-ipad/

【讨论】：