2011-04-29 95 views
3

調查HTML5視頻標籤,並研究哪些瀏覽器支持哪些視頻文件類型,以及我最初的想法是事情比僅使用閃存更難。Html5視頻和Flash方法

我想知道是否有一些骨架代碼已經有人想出做以下(與視頻的發展方式相結合):

  1. 如果Flash是可用的,使用它
  2. 如果不是,嘗試HTML5視頻格式OGG
  3. 如果還是不行,請嘗試HTML5視頻H.264格式
  4. 如果還是不行,請嘗試HTML5視頻的WebM格式

基於我所看到的,我認爲現在爲了適應所有瀏覽器上的所有用戶,需要以4種格式發佈視頻?如果是這樣,這個HTML5視頻是一個史詩般的失敗!

無論如何,任何想法,流程,鏈接到圖書館等都受到讚賞。

謝謝 -

+1

+1史詩般的失敗。在整理視頻專利混亂之前,這是一個很大的PITA – spender 2011-04-29 14:42:26

回答

3

這並不難。您可以爲單個<video>標籤提供多種來源(多種格式)。

<video width="320" height="240" controls> 
    <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
    <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'> 
</video> 

而且是更好的選擇是搜索原生HTML5視頻第一,然後退回到閃存。您需要的兩個fromat是WebM(皇家提供免費,由替代briwsers Mozilla,Opera,Chrome和其他支持)以及大型H.264(IE和Safari)的H.264。您的回退選項(閃光燈)也可以播放H.264。

如果你還沒有,我建議你閱讀this guide

編輯:

如果您正在尋找最低的共同demoninator那麼它肯定暗示H.264通過HTTP。 Flash可以在沒有媒體服務器的情況下播放它,它是iOS支持的唯一格式,因此您暫時可以使用單一格式。

即使使用這種單一格式,您也可以在兩個工廠團隊(Safari和IE)上支持基於HTML5的播放。我知道這個視頻標籤有點新,但是它們在操作系統中建立在堅實的基礎之上。即使在這種狀態下,它們也比Flash更好。

所以真正的困境畢竟是第i個替代瀏覽器。您可以使用兩種格式而不是一種格式(以引入WebM),或者您只使用H.264並在非h264瀏覽器上使用Flash。

這是個人偏好問題(和雙重存儲成本)。但是現在存儲空間一般都是免費的,無論如何,帶寬是真正的成本因素。

+0

爲什麼最好先搜索HTML5?目前Flash是否得到更廣泛的支持?或者我錯過了一些東西或一些好處? – OneNerd 2011-04-29 17:18:22

+1

@OneNerd如果只有一個或另一個存在,則選擇是顯而易見的。但是,如果兩者都有可能,您希望更喜歡原生播放(HTML5),因爲它更安全(沒有可能的閃存),並且需要更少的CPU功率(這也意味着電池電量)。 – vbence 2011-04-29 19:50:45

+0

我明白了你的觀點,但是根據目前的情況,不會先Flash> HTML5視頻意味着我可以不必將視頻3次(格式)發佈爲2(我認爲除iPad/iPhone支持閃光燈,因此首先閃光,然後使用iOS支持的HTML5視頻格式作爲故障轉移)。這是可行的,還是我錯過了什麼?謝謝 - – OneNerd 2011-04-30 16:09:21