博客列表 >一段代码搞定KindEditor编辑器视频上传播放问题!!

一段代码搞定KindEditor编辑器视频上传播放问题!!

宿州市筋斗云信息科技-Vip
宿州市筋斗云信息科技-Vip原创
2021年01月13日 21:13:302665浏览

一段代码搞定KindEditor编辑器视频上传播放问题!

打开kindeditor-all.js 在304行的地方添加 Video标签

video : ['id', 'class', 'src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', '.width', '.height', 'align','controls'],

1610543141815004.png

然后找到 大概在 955 行

function _mediaEmbed(attrs) {

   var html = '<embed ';
   _each(attrs, function(key, val) {
      html += key + '="' + val + '" ';
   });
   html += '/>';
  
   return html;
}

更改为

function _mediaEmbed(attrs) {

   var html = '<embed ';
   _each(attrs, function(key, val) {
      html += key + '="' + val + '" ';
   });
   html += '/>';
   // 一段简单的代码 解决视频上传问题
   if (attrs.type=="video/mp4"){
      var html = '<video ';
      _each(attrs, function(key, val) {
         html += key + '="' + val + '" ';
      });
      html += 'controls="controls" />';
   }
   return html;
}

OK 搞定了!看下效果

微信图片_20210113210957.png


微信图片_20210113211046.png


唯一的要注意的问题是

一定要引入kindeditor-all.js

一定要引入kindeditor-all.js

一定要引入kindeditor-all.js






声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议