关于Ueditor插入视频网址问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于Ueditor插入视频网址问题相关的知识,希望对你有一定的参考价值。

小二哥最近用Ueditor编辑器插入视频网址时,出现了在网页上可以播放,但在手机上App无法播放的问题,于是乎,小二哥就排查问题的原因了。

随之发现插入视频网址生成的是<embed>标签,是flash形式的,所以手机App无法识别,导致出现无法加载flash。

所以我就在它生成html的时候,将它改成<iframe>标签。这样pc端和手机端就都能兼容了,接下来小二哥会一一介绍。

首先要做的是,找到ueditor.all.js文件,然后找到creatInsertStr方法里的embed区间,将原本的str注释 ,换成<iframe>标签的html,具体如下图所示:

技术分享

在改好这里的文件之后,记得要压缩到ueditor.all.min.js文件。

第二,找到dialogs/video/video.js文件,将convert_url方法里面的匹配方法注释掉,我注释了腾讯视频的,这个看需求,如下图:

技术分享

然后找到createPreviewVideo方法,将注释的代码复制到该方法,如下图:

技术分享

这样就大功告成了,希望对你们有帮助。

当然我写得也不是很好,希望能得到各位大神的指点。

以上是关于关于Ueditor插入视频网址问题的主要内容,如果未能解决你的问题,请参考以下文章

Ueditor插入视频问题

UEditor插入视频,Object Iframe等标签被过滤问题处理

解决百度富文本编辑器 UEditor 插入视频后没有路径的问题

ueditor 关于<object>标签的使用

关于ueditor插入不了动态地图

百度编辑器UEditor不能插入视频的解决方法