html5 video標籤在低版本ie瀏覽器下怎麼辦?

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

 

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

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

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

video 元素容許多個 source 元素。source 元素能夠連接不一樣的視頻文件。瀏覽器將使用第一個可識別的格式:api

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

 so,框架

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

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

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

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

如何啓用<視頻>和<音頻>標籤在全部主要瀏覽器嗎,(注意全部主要瀏覽器,主要是關鍵點,不是全部瀏覽器版本)

第一步,讓HTML5視頻和音頻標籤在全部主要瀏覽器工做,簡單地添加如下行代碼在<頭>你的文檔。ui

<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這個控件,但並不播放視頻,不知道什麼緣由。

相關文章
相關標籤/搜索