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上的所有HTML5视频元素上都会显示一个大的播放按钮不同。视频都已正确编码，但这个简单的标签被跳过了。希望这可以挽救一些人给我带来的痛苦。

Answer 2

请不要嗤之以鼻User-Agent！

这完全忽略了HTML5试图带来的互操作性（并且在我的Flash阻止桌面浏览器中失败）。 <object>和<video>支持automatic fallback和detection。

---

您是否将视频编码为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。