使用的代碼如下:
<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視頻。但是夜神安卓模擬器自帶的瀏覽器就不能播放。