先说下我遇到的问题,
ueditor插入第三方视频链接不显示,预览时提示输入视频地址有误,并且页面不显示视频。
经过分析测试,发现是播放器类型导致的。
解决办法如下:
1、ueditor.all.js
搜索其中的插入视频字符串方法 creatInsertStr(
删除<embed>其中的type类型(type="application/x-shockwave-flash"),截图中已删除。
同时压缩版ueditor.all.min.js做同样操作,做完之后就解决了前台视频不显示问题了。
2、ueditor/dialogs/video/video.js
搜索其中方法createPreviewVideo(url),
删除<embed>其中的type类型(type="application/x-shockwave-flash"),截图中已删除。此处是解决预览时视频不显示的问题
3、解决不显示问题后,还有个问题就是插入第三方视频无法获取内容,经过网上查找了解如下:
ueditor.config.js中搜索whitList,在里面video下面增加一行
embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', 'autoplay', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload']
温馨提示,别忘了video后面加逗号隔开。
如以上方法不可以,那就使用终极方法~
case 'embed': case 'video': var ext = url.substr(url.lastIndexOf('.') + 1); if(ext == 'ogv') ext = 'ogg'; str = '<video' + (id ? ' id="' + id + '"' : '') + ' class="' + classname + ' video-js" ' + (align ? ' style="float:' + align + '"': '') + ' controls preload="none" width="' + width + '" height="' + height + '" src="' + url + '" data-setup="{}">' + '<source src="' + url + '" type="video/' + ext + '" /></video>'; break;
如果觉得博客文章对您有帮助,异或土豪有钱任性,可以通过以下扫码向我捐助。也可以动动手指,帮我分享和传播。您的肯定,是我不懈努力的动力!感谢各位亲~