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

1.兼容video標簽的必要性
隨著HTML5的定稿,在HTML5的時代里,基本上只要一個 video 標簽加一個視頻的src鏈接地址就可以播放視頻了,對于開發人員來講真是“酷畢了”。但是,縱觀國內市場低版本瀏覽器的占有率,還沒有到可以放棄兼容的那個時候,這樣對于前端開發人員來說,就務必要把低版本兼容性問題這個大大的坑填平。
2.低版本瀏覽器都支持video標簽解決方案
只要您的頁面中引用html5media.min.js即可!
html5media.min.js工作原理:
通過js將src鏈接地址中的視頻文件轉化為flash,進行播放。
3.所需干貨:
html5media.min.js下載地址:html5media.min.js
在頁面上(頭部或底部)這樣引用html5media.min.js:

<!--[if lt IE 9]>
     <script src="js/html5media.min.js"></script>
<![endif]-->

注意:
在html5media.min.js的同級目錄下需要有以下兩個文件:
flowplayer.controls.swf
lowplayer.swf

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,819評論 25 708
  • HTML5 標簽comment 注釋標簽用于在源文檔中插入注釋。注釋內容不會被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,082評論 1 25
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,786評論 1 92
  • 1. 瀏覽器頁面有哪三層構成,分別是什么,作用是什么? 構成:結構層、表示層、行為層分別是:HTML、CSS、Ja...
    程序猿人王小賤閱讀 1,891評論 1 11
  • 一、HTML5 1.1 認識HTML5 HTML5并不僅僅只是作為HTML標記語言的一個最新版本,更重要的是它制定...
    福爾摩雞閱讀 16,058評論 14 51