• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    织梦kindeditor编辑器插入mp4视频不显示及不过滤video的方法
    POST TIME:2021-05-23 02:49

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

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

     

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

    <embed src="视频文件.mp4" type="video/x-ms-asf-plugin" width="550" height="400" autostart="false" loop="true" />

    其实,经过我的测试 只要修改视频代码最前面的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的方法

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


    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!