泰安国强网络工作室专注于泰安网站建设/泰安手机网站建设/泰安网站优化/泰安微信营销等服务,是值得您信赖的泰安网络公司。

泰安网站建设热线13678683132
15269847585

泰安国强网络新闻中心

咨询,就免费赠送域名与服务器,咨询热线:13678683132当前位置: 网站首页 > 新闻动态 > 网站知识 >
联系我们
业务手机:13678683132
技术手机:15269847585
E-mail:a@taianx.com
地址: 泰安市五马路龙河商贸大厦3号楼313室

kindeditor插入mp4视频不显示及不过滤video的方法

文章来源:国强网络 作者:焦国强 时间:2017-09-22 09:29 点击:

最近给客户做了一个网校的系统,因为是网校,所以上传视频就是经常的了。上传课程是单独做了htm5的video调用,所以在电脑及移动设备上访问没问题,但是很多地方比如题目,题目解析等都在kindeditor编辑器里面添加的,因为肯定要添加图文,但是添加视频的话,因为kindeditor对html5还不怎么支持,而且还过滤kindeditor的代码,所以没办法,只能修改下kindeditor了。
有两个思路,一个是给kindeditor添加支持mp4格式的html5代码,这个方法网上也有教程,但是我看了实在是太麻烦了,网上也有修改好的,但是下载了需要配置,也太麻烦,所以我采取了最简单的方法。直接修改编辑器代码。

kindeditor添加的视频默认代码是:
<embed src="视频文件.mp4" type="video/x-ms-asf-plugin" width="550" height="400" autostart="false" loop="true" />
其实,经过我的测试 只要修改视频代码最前面的embed 为video就可以了。在电脑及移动设备上都完美测试。
但是有个问题就是kindeditor会过滤掉video代码,只要修改了源代码之后,一切换到编辑模式,肯定就把video都过滤掉了,所以要关闭过滤,其实,按照网上的说法,修改kindeditor.js里面的filterMode :true 为false是不管用的,只能是添加白名单规则。
添加方法就是在kindeditor.js大约275行
htmlTags : {
下面添加
 video : ['src', 'type', 'width','height','autostart','loop'],
这样修改的video代码就不会被过滤掉了。
添加好的样式为:
kindeditor插入mp4视频不显示及不过滤video的方法

这样是最简单的方法了。而且改动也小。


泰安国强网络工作室


  国强网络凭借多年的网站建设经验,坚持以“帮助中小企业实现网络全网营销”为宗旨,成功的为数千多家的中小企业实现互联网盈利,得到了客户的一致好评。如你有任何关于网站建设的疑问,请立即点击咨询国强网络资深营销专家或拨打免费咨询热线:13678683132,我们会详细为你一一解答你心中的疑难。 在线咨询

 

泰安国强网络能为您做什么

 

本文由 泰安网站建设 整理发布,本文地址为:https://www.taianx.com/news/web/826.html 转载请注明出处!

Copyright © www.taianx.com 泰安国强网络工作室 ALL RIGHT RESERVED. 鲁ICP备15029540号-1
地址:泰安市五马路龙河商贸大厦3号楼313室 邮编:271000 业务手机:13678683132 技术手机:15269847585 电话:0538-8203132 Mail:A@taianx.com
泰安网站建设公司-国强工作室专注于泰安网站建设、泰安手机网站制作、泰安营销型网站制作、泰安微信营销、泰安app开发等服务,是值得您信赖的泰安网络公司。 鲁ICP备15029540号-1 
  • 泰安网站建设业务咨询
  • 泰安网站建设技术支持
  • 国强工作室官方微信
返回顶部