1. 程式人生 > >ueditor上傳視訊,顯示空白,修改ueditor.all.js後播放視訊

ueditor上傳視訊,顯示空白,修改ueditor.all.js後播放視訊

視訊上傳後頁面顯示空白,如下

修改ueditor.all.js檔案

ueditor.all.js,17769行

html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'image'));修改為

html.push(creatInsertStr( vi.url, vi.width || 420,  vi.height || 280, id + i, null, cl, 'video'));

7343,7344,7346行,註釋掉程式碼:

var root = UE.htmlparser(html);

me.filterInputRule(root);

html = root.toHtml();


清理快取,重新整理頁面插入視訊即可,效果顯示如下



本文屬於轉載

頁面可以直接播放視訊,但是視訊無法被預覽

看到有些部落格寫將whitList修改為whiteList,本人親測沒有效果,歡迎回帖探討

也歡迎提供新方法,本人小白一個

jsp頁面引入如下:

<!-- 富文字編輯器 -->
	<script type="text/javascript" src="<%=path %>/plugins/ueditors/ueditor.config.js"></script>
    <script type="text/javascript" src="<%=path %>/plugins/ueditors/ueditor.all.js"> </script>
    
    <link rel="stylesheet" type="text/css" href="<%=path %>/plugins/ueditors/third-party/video-js/video-js.min.css"/>
	<script type="text/javascript" src="<%=path %>/plugins/ueditors/third-party/video-js/video.js"></script>
	<script src="<%=path%>/js/html5media.min.js"></script>
    <script type="text/javascript" src="<%=path %>/plugins/ueditors/ueditor.parse.js"></script>
    <!--建議手動加在語言,避免在ie下有時因為載入語言失敗導致編輯器載入失敗-->
    <!--這裡載入的語言檔案會覆蓋你在配置專案裡新增的語言型別,比如你在配置專案裡配置的是英文,這裡載入的中文,那最後就是中文-->
    <script type="text/javascript" src="<%=path %>/plugins/ueditors/lang/zh-cn/zh-cn.js"></script>

按照上傳圖片的方法,上傳視訊即可,本人的視訊和圖片均儲存到了阿里OSS

本人的另一篇部落格有提供圖片上傳

http://blog.csdn.net/eadela/article/details/76169660