登录  /  注册
博主信息
博文 25
粉丝 0
评论 0
访问量 28963
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
一段代码搞定KindEditor编辑器视频上传播放问题!!
宿州市筋斗云信息科技-Vip
原创
2614人浏览过

一段代码搞定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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学