问题描述

今天突然碰到ueditor编辑器插入第三方视频链接,预览视频不显示,并报错提示输入视频地址有误
ueditor编辑器
网上查找问题,发现是由于播放器类型导致的,解决方法如下

解决前台视频不显示

打开ueditor/ueditor.all.js文件,搜索其中的插入视频字符串方法 creatInsertStr
代码截图
分支中的 type="application/x-shockwave-flash" 删除,同时压缩版ueditor.all.min.js做同样操作(提示:压缩版中的方法名都是简化字母代替,搜索creatInsertStr这个方法是搜不到的,所以搜索type="application/x-shockwave-flash 并将其删除即可),两个文件操作后前台视频显示问题就解决了。
等等,还没完呢

解决预览视频不显示

上一步只是解决了前台视频不显示的问题,在插入视频时预览视频窗口依旧无法显示视频,这时我们打开ueditor/dialogs/video/video.js并搜索其中方法createPreviewVideo(url)
代码截图
依旧是将type="application/x-shockwave-flash" 删除,这样就解决了预览视频不显示的问题。

插入第三方视频地址无法获取内容问题

以上只是解决了视频不显示问题,最主要的问题无法获取第三方视频内容还未解决。这个问题需要我们增加一个获取第三方视频的白名单。
增加白名单
在ueditor/ueditor.config.js中搜索whitList,在里面video下面增加一行
embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', 'autoplay', 'loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload']
注意video后面要用逗号隔开

以上就是插入第三方视频无法获取内容的解决方法


非宅无以为乐