Blogger Information
Blog 25
fans 0
comment 0
visits 29650
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
一段代码搞定KindEditor编辑器视频上传播放问题!!
宿州市筋斗云信息科技-Vip
Original
2673 people have browsed it

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






Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post