我們在織夢建站時(shí)候經(jīng)常需要播放視頻,以前用織夢播放器都需要安裝插件來實(shí)現(xiàn),這里不需要安裝插件,只要調(diào)用一段js,就可以讓主流瀏覽器實(shí)現(xiàn)video標(biāo)簽的視頻播放。不過這種多瀏覽器支持方法所支持的視頻格式有限,為mp4和ogv格式,否則視頻可能不會(huì)播放。下面鏈接是視頻播放用到的JS。點(diǎn)擊下載即可,
調(diào)用代碼:
<script src="html5media.min.js"></script>
<video src="1.mp4" width="352" height="264" controls autobuffer></video>
效果如下:
屬性參數(shù)設(shè)置:
controls 指定后,則向用戶顯示控件,比如播放按鈕。
autoplay 布爾屬性;指定后,視頻會(huì)馬上自動(dòng)開始播放,不會(huì)停下來等著數(shù)據(jù)載入結(jié)束。
autobuffer 布爾屬性;指定后,視頻會(huì)自動(dòng)開始緩存,即使沒有設(shè)置自動(dòng)播放。該屬性適用于視頻被認(rèn)為可能會(huì)播放(比如,用戶導(dǎo)航到專門播放視頻的頁面,而不是那種嵌入視頻還有其它內(nèi)容的頁面)。視頻會(huì)一直緩存到媒體緩存滿。
其中應(yīng)有autobuffer屬性可以拖動(dòng)audio快進(jìn)倒退,autoplay則不可以拖動(dòng)。
可能遇到的問題
您可能會(huì)遇到這樣的問題:我明明鏈接的是mp4格式的文件啊,為什么在IE及Firefox下有問題。如果您遇到的問題是在這兩個(gè)瀏覽器下視頻不播放,或是播放時(shí)只有聲音而沒有圖像,而在chrome瀏覽器或是Safari下良好,則您可能要仔細(xì)您mp4文件的編碼格式了。特別推薦MP4轉(zhuǎn)碼工具M(jìn)ediaCoder x64
版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!
轉(zhuǎn)載請注明: 織夢網(wǎng)站HTML5 video視頻播放器(不用安裝插件)