2010-11-21 119 views
14

我使用Adobe Media Encoder CS5將FLV文件編碼爲H.264,並通過HTML5呈現在網絡上,並且視頻文件播放效果很好OS X中的Safari(以及編碼爲OGG的Firefox),但在任何iOS設備(iPad,iPhone)上,我都會看到帶有斜槓的播放圖標。以HTML5呈現的H.264編碼MP4在Safari中播放,但不在iOS設備上播放

以前有沒有人遇到過這種情況,如果有的話,有什麼想法爲什麼?

謝謝。

+0

您是否閱讀過這篇文章:[教程提供html5視頻跨瀏覽器,包括ipad](http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/)? – 2010-11-22 04:34:34

回答

5

我知道這有一個明顯的答案,但我們有完全相同的問題。

問題最終成爲我們內部網絡上的一個設置。

打開iPad上的Safari瀏覽器控制檯後,我們看到當試圖加載視頻時,我們得到了一個「byte_range_error_message」被記錄。看起來移動設備通過請求某些字節一次請求這個內容比桌面設備不同。我們設法發現,當手機使用他們的3G網絡時,視頻播放效果不錯,但當他們通過內部wifi加載視頻時,視頻效果不錯。很多研究後來將我們引導至MSDN的這篇文章: http://support.microsoft.com/kb/922330

其中解釋瞭如何在我們的防火牆中找到設置以允許設備正確請求視頻。我們還在其中一臺D-Link路由器上發現了一個類似的設置,用於單獨的無線網絡,但也存在問題。

+0

總是歡迎交替的想法/答案。 – 2011-01-25 20:08:44

21

我們遇到了這個問題,發現按照iPhone的webview標準創建的文件編碼文件效果很好。

並非所有H.264編碼的Mp4文件都受iPhone(或Chrome支持)的支持,編碼過程中的細微差別可能會導致無法播放的視頻。即使使用完全相同的編碼設置,H.264也是一種可變比特率編碼器,因此不同的視頻可能會超過比特率限制,導致某些設備無法工作。

的是成功的爲我們的編碼設置爲:

  • 僅使用H.264 Baseline Profile的3.0級
  • 分辨率低於640×480和幀率最高可達30 fps
  • B幀在基線配置文件中不受支持。
  • 900kb的比特率限制。

這是我們用來達到這些設置的reference

+2

迄今爲止最好的答案! – bcm 2013-06-06 05:39:59

+0

對於After Effects用戶:您可以在輸出模塊設置/格式選項/視頻 - 級別 – FireStream 2013-11-25 18:58:38

+0

中找到h.264級別從不使用編碼選項「快速啓動」(手動制動器稱爲「Web優化」),否則視頻將無法在iOS設備上播放。詳情請參閱http://stackoverflow.com/a/24076523/1066234 – 2014-06-07 12:48:14

相關問題