html5 video標簽在低版本ie瀏覽器下怎么辦?


當前video,支持三種視頻格式

 

<video src="movie.ogg" controls="controls">
</video>

上面的例子使用一個 Ogg 文件,適用於Firefox、Opera 以及 Chrome 瀏覽器。

要確保適用於 Safari 瀏覽器,視頻文件必須是 MPEG4 類型。

video 元素允許多個 source 元素。source 元素可以鏈接不同的視頻文件。瀏覽器將使用第一個可識別的格式:

文檔明確指出:Internet Explorer 8 不支持 video 元素。在 IE 9 中,將提供對使用 MPEG4 的 video 元素的支持。

 so,

這個網站給出了一個還不錯的插件:http://html5media.info/

html5media就是一個能讓這兩個標簽在舊版IE瀏覽器中全面兼容的JavaScript類庫。

html5media是一個很給力的JavaScript類庫,它不依賴於任何JavaScript框架。使用了html5media之后,當瀏覽器不支持HTML5時,它將會自動切換成Flash模式的Flowplayer播放器。雖然,目前web播放器很多,但處理代碼上並不簡潔。

使用html5media讓IE6/7/8瀏覽器支持HTML5的audio和video標簽

如何啟用<視頻>和<音頻>標簽在所有主要瀏覽器嗎,(注意所有主要瀏覽器,主要是關鍵點,不是所有瀏覽器版本)

第一步,讓HTML5視頻和音頻標簽在所有主要瀏覽器工作,簡單地添加以下行代碼在<頭>你的文檔。

<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>

第二步,正確書寫我們的視頻or音頻代碼即可。

<!-- 視頻媒體標簽 -->

<video src="uiej.com.mp4" width="800" height="600" controls preload></video>

<!-- 音頻媒體標簽 -->

<audio src="uiej.com.mp3" controls preload></audio>
這個是我的代碼

我在360的兼容模式下(默認的)測試,顯示的是cat.mp4。

ie,9,10,11測試皆正常

ie8下只是顯示flowplayer這個控件,但並不播放視頻,不知道什么原因。

 
       


免責聲明!

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



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