HTML5 video視頻播放標(biāo)簽
方法很簡單,只要調(diào)用一段js,就可以讓主流瀏覽器實現(xiàn)video標(biāo)簽的視頻播放。不過這種多瀏覽器支持方法所支持的視頻格式有限,為mp4和ogv格式,否則視頻可能不會播放。下面鏈接是視頻播放用到的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 布爾屬性;指定后,視頻會馬上自動開始播放,不會停下來等著數(shù)據(jù)載入結(jié)束。
autobuffer?布爾屬性;指定后,視頻會自動開始緩存,即使沒有設(shè)置自動播放。該屬性適用于視頻被認(rèn)為可能會播放(比如,用戶導(dǎo)航到專門播放視頻的頁面,而不是那種嵌入視頻還有其它內(nèi)容的頁面)。視頻會一直緩存到媒體緩存滿。
其中應(yīng)有autobuffer屬性可以拖動audio快進(jìn)倒退,autoplay則不可以拖動。
可能遇到的問題
您可能會遇到這樣的問題:我明明鏈接的是mp4格式的文件啊,為什么在IE及Firefox下有問題。如果您遇到的問題是在這兩個瀏覽器下視頻不播放,或是播放時只有聲音而沒有圖像,而在chrome瀏覽器或是Safari下良好,則您可能要仔細(xì)您mp4文件的編碼格式了。特別推薦MP4轉(zhuǎn)碼工具M(jìn)ediaCoder x64
聲明:
1.本站主要是為了記錄工作、學(xué)習(xí)中遇到的問題,可能由于本人技術(shù)有限,內(nèi)容難免有紕漏,一切內(nèi)容僅供參考。
2.本站部分內(nèi)容來源互聯(lián)網(wǎng),如果有圖片或者內(nèi)容侵犯您的權(quán)益請聯(lián)系我們刪除!
3.本站所有原創(chuàng)作品,包括文字、資料、圖片、網(wǎng)頁格式,轉(zhuǎn)載時請標(biāo)注作者與來源。
1.本站主要是為了記錄工作、學(xué)習(xí)中遇到的問題,可能由于本人技術(shù)有限,內(nèi)容難免有紕漏,一切內(nèi)容僅供參考。
2.本站部分內(nèi)容來源互聯(lián)網(wǎng),如果有圖片或者內(nèi)容侵犯您的權(quán)益請聯(lián)系我們刪除!
3.本站所有原創(chuàng)作品,包括文字、資料、圖片、網(wǎng)頁格式,轉(zhuǎn)載時請標(biāo)注作者與來源。
THE END