ueditor上傳視訊,顯示空白,修改ueditor.all.js後播放視訊
阿新 • • 發佈:2019-01-08
視訊上傳後頁面顯示空白,如下
修改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