iPad 上不显示 HTML5 视频答案

【问题标题】：HTML5 Video Not Displaying on iPadiPad 上不显示 HTML5 视频
【发布时间】：2011-03-12 10:09:40
【问题描述】：

我在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（两个平台的小视频）

【问题讨论】：

如果反过来（iPad 可以播放视频，iPhone 不能），我不会觉得这很难相信，但不应该有任何视频可以在更少的设备上播放- 支持 iPhone 的 Mobile Safari 版本在 iPad 的 MobileSafari 上也能正常工作？
你能告诉我们视频文件和你的带有标签的示例代码吗？我在您的示例链接中看到的只是 Flash，您可能知道 iPad 不支持 Flash；-？ ?顺便说一句：iPad 上的 Safari 对确切的视频格式非常挑剔。
我刚刚在我的 iPad（iOS 3.2，wifi）上尝试了顶部链接，视频播放良好（我只看了 10 秒。）
我解决了这个问题，但忘了回答我自己的问题。今天更新了。

标签： iphone video ipad html html5-video

【解决方案1】：

答案非常简单，因此被忽视了：

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

【讨论】：

我不知道除了“谢谢”还能说什么。

【解决方案2】：

请不要嗅User-Agent！

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

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

如果您添加了替代格式 (WebM)，请将 H.264 <source> 放在首位，因为 iOS 3.2 无法正确处理源选择。

【讨论】：

我了解 HTML5 的互操作性（因此我在其中进行了编程），但客户要求 HTML5 还不能轻松提供两件事：真正的全屏视频（不仅仅是全窗口）和能够切换到视频的高清版本，因此需要 Flash 解决方案，并且根据他们的分析数据，对于 97% 的访问者来说应该不是问题。视频都已正确编码，问题只是在 iPad 上未指定“控件”属性，如果没有该属性，您将无法启动视频（与 iPhone 不同）。

【解决方案3】：

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

【讨论】：

不想流式传输，我只想要与 iPhone 上相同的功能。点击启动对我来说效果很好。
好的。抱歉帮不上忙。我所有的经验都是流媒体。