網(wǎng)絡(luò)視頻播放器選擇研究報(bào)告

可選方案：

Html5視頻標(biāo)簽

快閃播放器

Html 5閃存

簡(jiǎn)要說明：

Html5:各瀏覽器不完全支持Html5，因此僅使用HTML5視頻標(biāo)簽的方案無法滿足需求。

Flash播放器：目前網(wǎng)頁(yè)播放器主要都還是采用flash播放器，功能強(qiáng)大，API接口豐富，兼容性好，但是需要瀏覽器單獨(dú)安裝flash插件。

html5 + flash: 這種方案是一種主流趨勢(shì)，由于html5原生支持video標(biāo)簽直接可以在瀏覽器中播放視頻，不需要安裝任何插件，在支持html5的瀏覽器采用這種方案，不支持html5的瀏覽器采用退化flash方案。

可行性分析：

各瀏覽器對(duì)html5 video標(biāo)簽支持情況

目前支持html5的瀏覽器包括：IE9+、chrome、firefox、opera、safari,雖然以上各瀏覽器的最新版本均支持html video標(biāo)簽，但是各瀏覽器對(duì)其支持的視頻格式并不一致，如下表所示：

三種視頻格式說明：

mp4：采用H.264編碼方式

webm：采用VP8編碼方式

ogg：采用Theora編碼方式

目前html5 video標(biāo)簽支持以上三種格式的視頻文件，但沒有哪一種視頻格式讓所有瀏覽器都支持，所以同一視頻文件必須要兩種視頻格式，才能兼容所有瀏覽器。

html5 video的一些局限性：

在IE9中無法實(shí)現(xiàn)全屏，這對(duì)用戶體驗(yàn)肯定不好

播放的視頻文件無法受保護(hù)（即DRM安全策略），用戶可方便下載，這點(diǎn)也無法需求課程項(xiàng)目的需求

第三點(diǎn)就是上面分析的，各瀏覽器對(duì)其支持的視頻格式不一致

html5 video的優(yōu)勢(shì)

html5 video比flash更穩(wěn)定，flash在瀏覽器中經(jīng)常容易出現(xiàn)’假死’的現(xiàn)象。

html5 video比flash更節(jié)省性能開銷，尤其在移動(dòng)設(shè)置硬件資源不是很充足的情況下，flash會(huì)更加耗電。

現(xiàn)有主流視頻網(wǎng)站采用的一些方案：

例如優(yōu)酷等主流視頻網(wǎng)站在PC端都還是采用的flash播放器的方案，視頻的格式為.flv，在移動(dòng)端(iPad及iPhone等)，為了讓其播放視頻，已經(jīng)采用了的html5 video的方式，視頻的格式為H.264編碼的mp4。

初步方案的選擇

通過以上的分析，由于html5視頻播放的一些局限性，目前情況下還不適合在PC端使用，故在PC端全部采用flash播放器的方案。

由于ios不在支持flash，以及近期adobe也宣布不再為android平臺(tái)提供flash支持，故在移動(dòng)端使用html5視頻播放，具體參考《手機(jī)端瀏覽器對(duì)html5 視頻播放支持情況調(diào)研報(bào)告》

手機(jī)端瀏覽器對(duì)html5 視頻播放支持情況調(diào)研報(bào)告

Android系統(tǒng)

各瀏覽器對(duì)視頻格式支持情況

播放體驗(yàn)：

uc瀏覽器：播放html5視頻時(shí)會(huì)自動(dòng)全屏，體驗(yàn)不錯(cuò)。

手機(jī)qq瀏覽器：播放html5視頻時(shí)，也會(huì)自動(dòng)全屏，體驗(yàn)很好。

內(nèi)置瀏覽器：播放視頻時(shí)會(huì)自動(dòng)調(diào)用系統(tǒng)內(nèi)置播放器，體驗(yàn)比較好。

Chrome瀏覽器：播放時(shí)默認(rèn)是直接在瀏覽器中播放，需要手動(dòng)切換全屏。

Opera mobile: 不支持全屏，也不支持拖放，只能在瀏覽器中播放，體驗(yàn)不好。

ios系統(tǒng)

由于蘋果app store不允許非webkit內(nèi)核的瀏覽器進(jìn)入，所以在ios中各瀏覽器都是基于webkit內(nèi)核的，一般都支持mp4格式。

播放體驗(yàn)：有iPhone的同學(xué)可以測(cè)試下。

Window phone系統(tǒng)

和蘋果app store一樣，windows phone也不允許非ie內(nèi)核的瀏覽器，目前最新的window phone 8內(nèi)置IE10瀏覽器，對(duì)視頻播放的支持還是很友好的。

播放體驗(yàn)：有window phone手機(jī)的同學(xué)可以體驗(yàn)下。

視頻分辨率

320 * 240(小) 480 * 320(中) 640 * 480(pad)

綜合方案

通過以上各瀏覽器在移動(dòng)端html5 video的支持情況，大部分瀏覽器都有了比較好的支持，除了firefox及opera不支持mp4格式外，其余都支持mp4格式。所以如果在pc端用flash播放mp4格式的視頻，這樣一種視頻格式就可以在pc及移動(dòng)端都有比較好的支持。但是移動(dòng)端采帶寬的限制，和pc端相比，可能會(huì)采用更低的分辨率，這樣的話，對(duì)同一個(gè)視頻文件就需要多種不同的分辨率。

參考：

HTML5視頻簡(jiǎn)介

Html5視頻播放及API接口demo

HTML5視頻播放時(shí)的一些局限性問題

手機(jī)瀏覽器內(nèi)核調(diào)查

android移動(dòng)設(shè)備將不再支持flash插件

測(cè)試瀏覽器對(duì)HTML5的支持情況

奇異移動(dòng)版本體驗(yàn)(html5)：

優(yōu)酷ipad版本體驗(yàn)(html5)：