kindeditor上传本地mp4视频

修改源代码!

  1. 打开kindeditor-all.js,搜【K.options】,在里面htmlTags子项内加:
video : ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess','controls'],


2. 再搜【_mediaType】函数,添加:

if (/\.(mp4)(\?|$)/i.test(src)) {
return 'video/mp4';
}

在这里插入图片描述
3. 接着搜【_mediaEmbed】函数,加代码:

if (attrs.type == 'video/mp4') {
       var html = '<video  ';
       _each(attrs, function(key, val) {
           html += key + '="' + val + '" ';
       });
       html += ' controls="controls" />';
}

在这里插入图片描述

  1. 最后搜【_mediaImg】函数,改成如下代码:
if (attrs.src.indexOf(".mp4") != -1) {
       var html = "<video controls width="+width+" height="+height+" src='"+attrs.src+"'></video>";
       return html;
   } else {
       var html = '<img class="' + _mediaClass(type) + '" src="' + blankPath + '" ';
       if (style !== '') {
           html += 'style="' + style + '" ';
       }
       html += 'data-ke-tag="' + escape(srcTag) + '" alt="" />';
   }

在这里插入图片描述

  1. 最后,我使用的是Springboot来管理后台(后台自己写返回json数据),所以说到达这步基本完成了。让我们看看效果

在这里插入图片描述转载自:http://www.workneed.com/index/help/detail/sid/394.html

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值