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