.net 百度富文本Ueditor后端上传视频到阿里云OSS对象存储 默认播放

该博客详细介绍了在ueditor.config.js中增加XSS过滤白名单以支持视频插入的过程,并解决了因修改代码导致的视频窗口无法关闭和自动播放的问题。通过注释和修改特定代码段,成功实现了视频上传后在编辑器中显示,同时避免了视频自动播放的状况。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ueditor.config.js文件里whilList增加xss过滤白名单:

 

这里的末尾加上下列在插入视频中使用的代码:

source: ['src', 'type'],
embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play','autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls', 'preload'],
iframe: ['src', 'class', 'height', 'width', 'max-width', 'max-height', 'align', 'frameborder', 'allowfullscreen']

 

 

 

然后按照下图来修改 原来的 image改为embed 注释掉框中代码

 

 现在虽然编辑器可以看到视频了,但是插入视频的窗口不能关闭 或者无法看到视频 

之所以会出现这个问题是因为改动embed后,下面红框的代码无法正常找到image标签及其里面的属性导致的,这里只要注释红框的内容就可以解决插入视频框无法自动关闭的问题。

 

 

这个时候上传了视频以后 编辑器却是一片空白,这是怎么回事呢

问题出在红框里的这段代码里:type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer"

这里是判断如果点击视频上传需要导入的是embed代码的情况,之前是image,我们改成了embed,因此这里switch得到的是embed的代码模板,在这里我们去掉

type="application/x-shockwave-flash" class="' + classname + '" pluginspage="http://www.macromedia.com/go/getflashplayer"' +'

改动ueditor.all.js   17659行左右

 

按照上图 更改好后,刷新一下,清楚缓存看看效果如下

但是目前还有有个问题 上传视频成功以后  视频会自动播放。

需要取消自动播放的话就修改 

 

去掉 autoplay 属性 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

pandi18

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值