我們在織夢建站時候經常需要播放視頻,以前用織夢播放器都需要安裝插件來實現,這里不需要安裝插件,只要調用一段js,就可以讓主流瀏覽器實現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