在Safari设备上的HTML5播放中呈现的H.264编码的MP4，而不是iOS设备

Question

我正在使用Adobe Media Encoder CS5将FLV文件编码为H.264，并通过HTML5在网页上显示，视频文件在OS X的Safari (以及编码为OGG的Firefox )中播放得很好，但在任何iOS设备(iPad，iPhone)上，我都会看到带有斜杠的播放图标。

以前有没有人遇到过这种情况?如果有，有什么想法来解释原因吗？

谢谢。

Answer 1

我们遇到了这个问题，我们发现按照iPhone的webview标准对文件进行编码会产生播放效果很好的文件。

并不是所有的H.264编码的Mp4文件都被iPhone (或者Chrome )支持，编码过程中的细微差别可能会产生不起作用的视频。即使使用完全相同的编码设置，H.264也是可变比特率编码器，因此不同的视频可能会超过比特率限制，导致一些可以工作，另一些不能工作。

对我们来说成功的编码设置是：

在900KB的基线profile.

• bitrate限制中，
• 仅使用H.264基线配置文件级别3.0
• 分辨率低于640 x 480，帧速率高达30 fps的
• B帧不受支持。

这是我们用来达到这些设置的reference。

Answer 2

我知道这有一个明显的答案，但我们有完全相同的问题。

问题最终出现在我们内部网络的设置上。

在打开iPad上的safari控制台后，我们看到当我们试图加载视频时，我们得到了一个"byte_range_error_message“被记录下来。似乎移动设备请求此内容的方式与桌面设备不同，每次请求特定的字节。我们设法发现，当手机使用3G网络时，视频播放得很好，但当他们通过内部wifi加载视频时，情况就不一样了。后来的大量研究使我们找到了这篇MSDN文章：http://support.microsoft.com/kb/922330

它解释了如何在我们的防火墙中找到设置，以允许设备正确地请求视频。我们还在我们的一台D-Link路由器上发现了一个类似的设置，用于另一个也存在此问题的wifi网络。