Web項目中需要播放視頻。需要支持桌面瀏覽器,同時支持iPhone,iPad設備,目前還不用考慮Android和微軟自家的Windows Phone設備。
桌面瀏覽器當然首選使用Flash Player播放視頻了,iPHone和iPad不支持Flash,當然只能支持HTML5 video了。
需求如下:
1.桌面瀏覽器:桌面瀏覽器這一塊其實要求挺多的。不要假設所有訪問站點的用戶都安裝了Flash Player。所以有以下場景:
- 用戶安裝了Flash Player,優先使用Flash Player播放視頻。
- 用戶沒有安裝Flash Player,檢測用戶當前的瀏覽器是否支持HTML5 Video;如果支持使用HTML5 Video Player,否則提示用戶去Adobe官方網站下載最新版的Flash Player。
2.iPhone和iPad移動設備: 只支持HTML5 video,所以只能使用HTML5 VideoPlayer。
其實對於iPhone和iPad移動設備來說,使用HTML5 Video Player來說,操作相對比較簡單,然后它上面的Safari支持的HTML5視頻格式只有 .mp4
提示:MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
但是其他桌面瀏覽器對video格式的支持很不一樣,所以當然你需要同時支持Flash和HTML5時,視頻格式就多起來了。目前項目后台視頻數據格式包括以下三種: .flv, .mp4, .3gp。
新版Flash Player支持.flv和.mp4格式的視頻文件。參考網站:
http://help.adobe.com/zh_CN/as3/dev/WS5b3ccc516d4fbf351e63e3d118a9b90204-7d46.html
但是桌面Firefox和Chrome,Safari支持情況不統一,如下表:
但是對於內容發布者來說,一個視頻需要保存三種不同的格式,在人力和物力成本上都是很大一個消耗。所以目前各大瀏覽器廠商都在嘗試使用.WebM格式開放的視頻格式。從上表可以看出Chrome,Firefox以及Opera都對WebM格式的視頻進行支持。
在格式大戰尚未統一的情況下,一個站點要支持Flash Player和HTML5 Video的話還是需要很多改進和完善的。這也是國內很多視頻為主的網站和應用,在iPhone和iPad上查看在線視頻時,就提出開發客戶端軟件。但是這樣對於那些中小企業的站點來說,還是不現實的。
但是有一些國外的公司已經開發出對Flash和HTML5同時支持比較好的播放器,有開源的,也有商業的。參考鏈接如下:
http://videojs.com/ --一個非常不錯的視頻播放器