博主信息
宿州市筋斗云信息科技-Vip
博文
25
粉丝
0
评论
0
访问量
8165
积分:0
P豆:84

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

2021年01月13日 21:13:30阅读数:87博客 / 宿州市筋斗云信息科技-Vip/ HTML教程

一段代码搞定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






全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论