HTML5 视频无法在 iPad 上显示

Question

我在 http://www.theparkerpalmsprings.com 上对一些视频进行了编码，以便在通过 iPhone 或 iPad 加载时使用 HTML5 进行播放。在我的测试中，在 iPhone 上查看网站时一切正常（我在 3G 和 iPhone 4 上进行过测试），但在 iPad 上加载时，Quicktime 徽标快速闪烁，然后什么也没有发生。这是视频编码的问题还是我做错了什么？任何意见将不胜感激！

一些测试链接（直接到带有视频的页面）：

http://theparkerpalmsprings.com/spa/（iPad 上的大视频，iPhone 上的小视频） http://theparkerpalmsprings.com/rooms/estate.php（两个平台的小视频）

Answer 1

答案非常简单，这就是为什么它被忽视了：

iPad 要求您在视频标签中包含“controls”属性，否则无法开始播放视频，这与 iPhone 不同，在 iPhone 上，所有 HTML5 视频元素上都会出现一个大的播放按钮。视频均已正确编码，但跳过了这个简单的标签。希望这能减轻某人给我带来的头痛。

Answer 2

请不要嗅

User-Agent

！

这完全忽略了 HTML5 试图带来的互操作性的要点（并且在我的 Flash 阻止的桌面浏览器中失败了）。

<object>

和

<video>

支持自动回退和检测。

---

您是否将视频编码为 H.264 基线配置文件？ Flash 支持完整的 H.264 (High Profile)，但 iDevices 只能处理较低质量的变体（iPad 和 iPhone 4 支持 Main，较旧的设备仅支持 Baseline。与 AAC 类似。）。

---

如果您添加替代格式 (WebM)，请先放置 H.264

<source>

，因为 iOS 3.2 无法正确处理源选择。

Answer 3

在我的 iPad 上得到同样的结果。您打算流式传输视频吗？如果是这样，您需要遵循 Apple 的技术说明 TN2224。

Answer 4

对于其他遭受 Apple 困扰的人，请尝试视频标签上的

playsinline

属性。 在极少数情况下，请检查手机是否处于低电量状态（Adam 评论）。

它对我来说工作得很好，直到我发现它在 iPhone 上的一个应用程序上坏了。所以这似乎是最近的事情。