東莞易思訓(xùn)教育

7x24小時(shí)咨詢熱線

400-660-3310

當(dāng)前位置 : 好學(xué)校 東莞易思訓(xùn)教育 學(xué)習(xí)資訊 資訊詳情

web前端如何讓所有瀏覽器支持HTML5video視頻標(biāo)簽

2021-12-18

前端代碼

1、兼容video標(biāo)簽的必要性

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

2、低版本瀏覽器都支持video標(biāo)簽解決方案

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

html5media.min.js工作原理:

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

3、所需干貨:

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

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

注意:

在html5media.min.js的同級(jí)目錄下需要有以下兩個(gè)文件:

flowplayer.controls.swf

lowplayer.swf

收藏
分享到:

相關(guān)課程

相關(guān)資訊

東莞易思訓(xùn)教育

東莞易思訓(xùn)教育

認(rèn)證等級(jí)

信譽(yù)良好,可安心報(bào)讀

東莞易思訓(xùn)教育

已獲好學(xué)校V2信譽(yù)等級(jí)認(rèn)證

信譽(yù)值

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

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

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