2010-07-06 181 views
15

我在http://www.theparkerpalmsprings.com上編碼了幾個視頻,以通過iPhone或iPad加載時使用HTML5播放。在我的測試中,當在iPhone上查看網站時(我已經在3G和iPhone 4上測試過),所有內容都按預期工作),但在iPad上加載時,Quicktime徽標會快速閃爍,然後什麼都不會發生。這是視頻編碼的問題還是我做了其他不正確的事情?任何投入將不勝感激!在iPad上不顯示HTML5視頻

幾個測試環節(直接與視頻頁面):

http://theparkerpalmsprings.com/spa/ http://theparkerpalmsprings.com/rooms/estate.php(小視頻兩個平臺)

+0

我不會覺得這是如此的難以相信,如果這是相反的方式(iPad可以播放視頻,iPhone不能),但不應該有任何視頻能夠在可以支持的移動版本的手機上播放適用於iPhone的Safari適用於iPad的MobileSafari? – Andrew 2010-07-06 21:34:46

+0

您能否通過

+0

我剛剛嘗試了我的iPad上的頂級鏈接(iOS 3.2,wifi)和視頻播放正常(我只看了10秒。) – JoePasq 2010-07-16 20:22:14

回答

32

的答案是非常簡單,這就是爲什麼它被忽略了:

而iPad需要你包括在視頻標籤的「控制」屬性,否則就沒有辦法爲它開始播放視頻,不像在iPhone上,在所有HTML5視頻元素上都會出現一個大的播放按鈕。視頻全部編碼正確,但是這個簡單的標籤被跳過了。希望這可以幫助人們解除它給我帶來的頭痛。

+1

我不知道還能說什麼比「謝謝你」。 – Tom 2013-04-26 19:53:22

2

在我的iPad同樣的結果(在iPad,iPhone上的小視頻大視頻) 。你打算播放視頻嗎?如果是這樣,你需要遵循Apple的技術說明TN2224。

+0

不想流式傳輸,我只想要與iPhone上相同的功能。點按即可開始適合我。 – Andrew 2010-07-06 21:05:19

+0

好的。對不起,沒有幫助。我的所有經驗都是流媒體。 – 2010-07-06 21:33:55

3

請不要嗅User-Agent

這完全錯過了HTML5嘗試帶來的互操作性(並且在我的禁用Flash的桌面瀏覽器中失敗)。 <object><video>支持automatic fallbackdetection


你有沒有編碼視頻作爲H.264 Baseline Profile的? Flash支持全H.264(High Profile的),但的iDevices只能處理較低質量的變種(iPad的& iPhone 4支持主要,舊設備只能基線。以相若方式AAC)。


如果你添加另一種格式(支持WebM),把H.264 <source>第一,因爲iOS的3.2不能處理源的選擇正確。

+0

我瞭解HTML5的互操作性(因此我的編程方式),但客戶需要HTML5還不能輕鬆實現的兩件事:真正的全屏視頻(而不僅僅是全窗口)以及切換到HD版本的能力視頻,因此需要Flash解決方案,根據他們的分析數據,97%的訪問者不應該成爲問題。這些視頻全部編碼正確,問題僅僅是「控制」屬性沒有在iPad上指定,並且沒有存在的視頻就無法啓動視頻(與iPhone不同)。 – Andrew 2010-07-21 14:20:57