讓所有瀏覽器支持HTML5 video視頻標簽


使用的代碼如下:

<video width="352" height="264" controls autobuffer>
    <source src="../media/cat.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source>
</video>

對於Opera瀏覽器,您可以參閱這篇上周才發表的文章“Everything you need to know about HTML5 video and audio

對於IE瀏覽器,那還不知道要等到猴年馬月才等到支持HTML5 video標簽的時候。然而,廣大勞動人民的智慧是無窮無盡的,廣大開發人員的智慧也會無窮無盡的。國外領先的web開拓者們通過js,已經實現了可以讓各個主流瀏覽器支持video標簽的方法。

二、主流瀏覽器支持video標簽

方法很簡單,只要調用一段js,就可以讓主流瀏覽器實現video標簽的視頻播放。

此項目已經放到Google code上,您可以點擊這里查看。

使用方法:
要想讓主流瀏覽器都支持HTML5標簽,使用非常簡單,只要鏈接一個js文件就可以了。所以,只要您的頁面上(頭部或底部)有這么段代碼:

<script src="http://html5media.googlecode.com/svn/trunk/src/html5media.min.js"></script>

就可以了。

對於HTML部分,使用類似下面:

<video src="video.mp4" width="320" height="240" controls autobuffer></video>

是不是很簡單啊!

為了演示效果,我就直接把此js以及video標簽簽到這篇文章里,您將會在下面看到這段10秒鍾的關於貓咪的視頻,您可以切換IE或是Firefox或是chrome或是Safari觀看(界面有差別的哦~~)。

全文:http://www.zhangxinxu.com/wordpress/2010/03/every-browser-support-html5-video/ 

p.s.我實測了,夜神安卓模擬器+uc瀏覽器可以播放mp4視頻。但是夜神安卓模擬器自帶的瀏覽器就不能播放。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM