東莞易思訓教育

7x24小時咨詢熱線

400-660-3310

當前位置 : 好學校 東莞易思訓教育 學習資訊 資訊詳情

web前端如何讓所有瀏覽器支持HTML5video視頻標簽

2021-12-18

前端代碼

1、兼容video標簽的必要性

隨著HTML5的定稿,在HTML5的時代里,基本上只要一個 video 標簽加一個視頻的src鏈接地址就可以播放視頻了,對于開發(fā)人員來講真是“酷畢了”。但是,縱觀國內(nèi)市場低版本瀏覽器的占有率,還沒有到可以放棄兼容的那個時候,這樣對于前端開發(fā)人員來說,就務必要把低版本兼容性問題這個大大的坑填平。

2、低版本瀏覽器都支持video標簽解決方案

只要您的頁面中引用html5media.min.js即可!

html5media.min.js工作原理:

通過js將src鏈接地址中的視頻文件轉(zhuǎn)化為flash,進行播放。

3、所需干貨:

html5media.min.js下載地址:html5media.min.js(https://www.bootcdn.cn/html5media/)

在頁面上(頭部或底部)這樣引用html5media.min.js:

注意:

在html5media.min.js的同級目錄下需要有以下兩個文件:

flowplayer.controls.swf

lowplayer.swf

收藏
分享到:

相關課程

相關資訊

東莞易思訓教育

東莞易思訓教育

認證等級

信譽良好,可安心報讀

東莞易思訓教育

已獲好學校V2信譽等級認證

信譽值

  • (60-80)基礎信譽積累,可放心報讀
  • (81-90)良好信譽積累,可持續(xù)信賴
  • (91-100)充分信譽積累,推薦報讀

與好學校簽訂讀書保障協(xié)議:

  • 100%
  • 37
  • 1903
在線咨詢
;