织梦kindeditor编辑器插入mp4视频不显示及不过滤video的方法

概述上传视频是单独做了htm5的video调用，所以在电脑及移动设备上访问没问题，但是很多地方比如题目，题目解析等都在kindeditor编辑器里面添加的，因为肯定要添加图文，但是添加视频的话，因为kindeditor对html5还不怎么支持，而且还过滤kindeditor的代码，所以

上传视频是单独做了htm5的vIDeo调用，所以在电脑及移动设备上访问没问题，但是很多地方比如题目，题目解析等都在kindeditor编辑器里面添加的，因为肯定要添加图文，但是添加视频的话，因为kindeditor对HTML5还不怎么支持，而且还过滤kindeditor的代码，所以没办法，只能修改下kindeditor了。

有两个思路，一个是给kindeditor添加支持mp4格式的HTML5代码，这个方法网上也有教程，但是我看了实在是太麻烦了，网上也有修改好的，但是下载了需要配置，也太麻烦，所以我采取了最简单的方法。直接修改编辑器代码。

 

kindeditor添加的视频默认代码是：

其实，经过我的测试 只要修改视频代码最前面的embed 为vIDeo就可以了。在电脑及移动设备上都完美测试。

但是有个问题就是kindeditor会过滤掉vIDeo代码，只要修改了源代码之后，一切换到编辑模式，肯定就把vIDeo都过滤掉了，所以要关闭过滤，其实，按照网上的说法，修改kindeditor.Js里面的filterMode :true 为false是不管用的，只能是添加白名单规则。

添加方法就是在kindeditor.Js大约275行

HTMLTags : {

下面添加

 vIDeo : ['src','type','wIDth','height','autostart','loop'],

这样修改的vIDeo代码就不会被过滤掉了。

添加好的样式为：

kindeditor插入mp4视频不显示及不过滤vIDeo的方法

这样是最简单的方法了。而且改动也小。

总结

以上是内存溢出为你收集整理的织梦kindeditor编辑器插入mp4视频不显示及不过滤video的方法全部内容，希望文章能够帮你解决织梦kindeditor编辑器插入mp4视频不显示及不过滤video的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。