关于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方法,将注释的代码复制到该方法,如下图:

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

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

时间: 2024-11-05 23:23:03

关于Ueditor插入视频网址问题的相关文章

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

UEditor插入视频由于兼容性问题,需要再处理一个视频代码,但是新版ueditor不支持Objec IFrame标签,所以要加入// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js 做个笔记.如果有碰到这个问题的朋友,希望能帮到你. 原文地址:https://www.cnblogs.com/oorz/p/9876381.html

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

在 Update ueditor.config.js 文件中,xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)_src/plugins/video.js里处理的是_url,而不是_src. 修改ueditor.config.js: img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'data-

Ueditor插入视频问题

1.插入视频的时候,显示 "输入的视频地址有误,请检查后再试!" 需要改动两个地方: ueditor.all.js: me.commands["insertvideo"] = { execCommand: function (cmd, videoObjs, type){ videoObjs = utils.isArray(videoObjs)?videoObjs:[videoObjs]; var html = [],id = 'tmpVedio', cl; for(

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

在编辑器中就可以引用优酷.腾讯视频的iframe通用代码和embed html代码:移动端一般引用iframe,可设置属性,使其适应设备.(这里,建议切换到源码模式,插入相应的视频代码embed或iframe.其中iframe可编辑大小,优酷embed有效,腾讯embed无效:且腾讯视频的iframe可设置为自动播放,优选) 注意:通过以上两步后,可能出现的新问题是,前端页面不解析<iframe>标签,而是将其原样输出: 解决方法:用html_entity_decode()函数把HTML实体转

修复百度编辑器插入视频的bug

修复百度编辑器插入视频的bug,可实时预览视频,可修改到支持手机查看视频 开程序员的淘宝店!寻找开源技术服务伙伴!>>>   站在前人的肩膀上我们就可以站的更高,看得更远. 所以,请在 ueditor.config.js中搜索 whitlist , 在后面加入 source: ['src', 'type'], embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode

Ueditor 关于视频上传相关问题

  !!!每次改动后记得,清除一下浏览器缓存再试 !!!   4点: 1.修复编辑时视频不能预览问题: 2.插入视频的时候.在预览的窗口提示 “输入的视频地址有误,请检查后再试!” 3.ueditor 解决上传视频回显 src链接丢失问题 4.ueditor 自定义插入视频封面(页面加载时显示) 1. 修复编辑时视频不能预览问题 在 ueditor.all.js 中 ,搜索   me.fireEvent('beforesetcontent', html); 将下列注释 //修复编辑是视频不能预览

如何在html中插入视频

如何在html中插入视频 1,插入优酷视频: 在优酷分享界面有个html代码,直接复制放入body中,定义div的align居中即可 2.插入本地视频:用video属性  用mp4格式 <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度 height:视频高度

【转】向HTML中插入视频并兼容所有浏览器的方法

原文地址:http://www.jb51.net/web/168548.html 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼 最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. 前者的兼容性没得说,但是使用起来不太方便,后者使用起来很方便,但是兼容性让人头疼. 虽然后

向HTML中插入视频,兼容所有浏览器

最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. 前者的兼容性没得说,但是使用起来不太方便,后者使用起来很方便,但是兼容性让人头疼. 虽然后者兼容性存在很多问题,但是因为使用很方便,符合未来网页设计发展的趋势,因此我们以后者为主要的插入视频的方法,因为它兼容性的问题,前者作为辅助. 示例如下: <video width="602px"