青島網(wǎng)站設(shè)計(jì)與青島網(wǎng)站制作的HTML網(wǎng)頁(yè)視頻點(diǎn)播方案，想在網(wǎng)頁(yè)中播放視頻？

以前瀏覽器不能直接播放視頻，所以需要用插件，比如wmp、real player、flash。而wmp、real player不能跨平臺(tái)、跨瀏覽器，flash有時(shí)候會(huì)導(dǎo)致瀏覽器卡、崩潰。

整理了一個(gè)下載包：
網(wǎng)頁(yè)視頻支持蘋果系統(tǒng)播放.rar

演示頁(yè)面（外鏈外部服務(wù)器視頻文件，較慢）：
http://www.ihaomai.cn/uploads/html5/html5.html

現(xiàn)在瀏覽器集成了播放器，不再需要插件了，直接能放視頻，提高了性能、穩(wěn)定性、跨平臺(tái)兼容性。在HTML 4、XHTML 1、HTML5的頁(yè)面中都能播放。

瀏覽器能播放哪種格式的視頻？各個(gè)瀏覽器不同，有專利格式的，有開源格式的。

具體支持情況如下：

專利格式mp4：Safari（Ipad、Windows、Mac OS）、Chrome、IE9

開源格式webm：Firefox、Chrome、Opera

開源格式ogg：Firefox、Chrome、Opera

如何讓視頻在所有瀏覽器上都能播放？如何支持Ipad和IE876？請(qǐng)看下文。

開源方案：webm->flash放webm
視頻文件格式：webm

支持：Safari（Windows、Mac OS）、Firefox、Chrome、IE9876、Opera

不支持：Safari（Ipad）

原理：在Firefox、Chrome、Opera中原生播放webm，在Safari（Windows、Mac OS）、IE9876中使用flash播放器播放webm。

優(yōu)點(diǎn)：webm是開源格式，1個(gè)webm即可支持主流瀏覽器。

缺點(diǎn)：不支持Safari（Ipad），因?yàn)镾afari（Ipad）不支持flash。

依賴于adobe flash player支持webm，adobe在2010年5月宣稱flash player將支持webm，截至2011年4月21日還沒有結(jié)果。

商業(yè)方案：mp4->flash放mp4
視頻文件格式：mp4

支持：Safari（Ipad、Windows、Mac OS）、Firefox、Chrome、IE9876、Opera

原理：檢測(cè)瀏覽器是否支持播放mp4，不判斷瀏覽器名稱，只檢測(cè)功能。

結(jié)果：在Safari（Ipad、Windows、Mac OS）、Chrome、IE9中原生播放mp4，在Firefox、Opera、IE876中使用flash播放器播放mp4。

優(yōu)點(diǎn)：1個(gè)mp4文件，支持所有主流瀏覽器

缺點(diǎn)：mp4是專利格式，需考慮編碼器授權(quán)

在線播放演示：整理中（如急需請(qǐng)聯(lián)系本站QQ：473587358）

代碼打包下載：整理中（如急需請(qǐng)聯(lián)系本站QQ：473587358）

請(qǐng)注意flow player是GPL授權(quán)的，如果有閉源的需要，請(qǐng)購(gòu)買flow player或者自己編譯一個(gè)flex播放器，比較簡(jiǎn)單。

代碼（采用公共領(lǐng)域授權(quán)，可任意使用）：

 
 

2010 Ruse 360p

2010 Inception 720p