一:百度編輯器插入視頻后,自動生成一段代碼:
<video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="/userfiles/ueditor/video/20141013/1413188008890052726.mp4" data-setup="{}"> <source src="/userfiles/ueditor/video/20141013/1413188008890052726.mp4" type="video/mp4"/> </video>
二:在前台播放的時候,需要引入兩個js(火狐或谷歌支持HTML標簽的)
<link type="text/css" rel="stylesheet" href="/ueditor/third-party/video-js/video-js.css"/> <script language="javascript" type="text/javascript" src="/ueditor/third-party/video-js/video.js"></script>
理論上來說,只需要引入: /ueditor/ueditor.parse.js ,判斷遇到video標簽的時候,調用其css和js,但目前有bug,引入不好使,故直接引入
三:html5的video支持的瀏覽器
四:解決讓IE支持video標簽
<!-- 在頁面的head部分加入如下腳本,非支持 audio/video標簽瀏覽器使用 --> <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> <h4>視頻媒體標簽</h4> <video src="http://www.html51.com/demo/html5-video/demo.mp4" width="592" height="256" autoplay controls preload autobuffer></video><br><br> <h4>音頻媒體標簽</h4> <audio src="http://www.shop2download.com/samples/21/73/0000000007242173_MP3_128kbps_44.1kHz_stereo_CBR.mp3" autoplay controls preload autobuffer></audio><br><br> <div>PS:最簡單的方法,就只要備備好 mp4與 ogv二種影音格式就可以了<br>
查考:<a href="http://www.iefans.net/video-kaifangshi-biaoqian-butong-geshi">HTML5 Video開放式標簽根據不同瀏覽器播放不同格式</a></div>
主要引入js:
<script src="http://api.html5media.info/1.1.4/html5media.min.js"></script>
ueditor中可以插入flv ,mp4 格式的文件 即可在IE8上播放