技术第1章如何修改kingEdito

中科白癜风医院微博 http://baidianfeng.39.net/a_yqhg/140805/4440912.html

kingEditor,我不知道最新的版本是怎么样的,反正我现在用的版本,插入mp4或非wmw格式的视频是无法播入的,平常都是使用代码把videosrc=视频地址/video把视频放到文章里的,特别麻烦,自己懂点技术就没什么问题,但遇到不懂的,就要教,但教的话,由于涉及到代码,还是比较麻烦,所以一直想解决这个问题,想过更换编辑器,但是发现,上网下载的,总是不如人意,今天晚上突然灵机一动想到自己改了,改完了发现还不错就想分享出来,方法笨拙,别介意,若有更好的提提意见哦。

首先,看看原来直接插入是什么流程:

kingeditor正常播入音视频填写视频地址,或者上传

.mp4正常来讲无法播放的,就像:

插入视频后

通过查看源,我发现,他使用标记:embedsrc=视频地址/embed,如下图:

原来插入视频的代码

embed标签是html5中的新标签,的确支持部份视频,他支持应用型的视频如:flash,但对于视频的支持却强差人意,因为我平常插入视频用代码时,是使用video标签的,所以我想只要把原来插入视频的embed标签改成video就解决了,想了就这么做了,我更改了kingeditor中的kindeditor-min.js文件

文件路径

使用dw,把embed全部为video

批量替换

视频就是这样就能正常播放了,但是遇到了个问题,就是控制条不出来:

插入视频后

通过查看源代码,加载了控制条的多了一段代码属性就是:controls

那么我想只要在标记插入时加入controls即可,想了就做,就是代码中的video空格然后写上controls就OK了

找不到这个位置的方法,还是用dw,直接ctrl+f查找框中输入video就能直接定位到相应位置,然后写上代码即可。

如果修改了,重新上传覆盖文件,发现没变化,估计是缓存问题,通过:ctrl+F5强制刷新即可

希望我的分享有用,有更好的建议可以评论哦。




转载请注明:http://www.aierlanlan.com/cyrz/5683.html