1. 目标
ckeditor默认没有支持mp4,只支持flash,但目前flash已经不行了,不支持跨平台,因此而改。
选择在flash插件改的手段是因为当初以为改起来比较容易,自己再开发一个插件有学习成本。历时一天一夜。
2. 未解决
改版后的插件在源代码与编辑模式切换时点位图的大小是定死的。这是一个BUG,但一开始插入不会有问题,不影响使用。
3. 步骤
3.1. 引入videojs资源(依赖jquery)
<!-- videojs-->
<linkhref="http://vjs.zencdn.net/6.1.0/video-js.css"rel="stylesheet">
<!-- videojs-->
<scriptsrc="http://vjs.zencdn.net/6.1.0/video.js"></script>
3.2. 改写flash.js
将ckeditor中flash.js用该源码包中flash.js源码替换,并更改。更改后的文件见压缩包。移除了不需要的对话框元素,只保留了高宽及上传页面
3.3. 修改ckeditor.js(统译后的单文件)
全局替换cke:object 为 cke:video
全局替换cke:embed 为cke:source
全局替换object|embed|param为video|source
3.4. 修改Jeesite框架中ckfinder.xml配置文件
调整文件大小
调整文件扩展名为mp4
4. 压缩包中文件路径
4.1. ckfinder.xml
src\main\webapp\WEB-INF\ckfinder.xml
4.2. ckeditor.js
src\main\webapp\static\ckeditor
4.3. flash.js
src\main\webapp\static\ckeditor\plugins\flash\dialogs
5. 最后
如果可以抽点时间学习,开发视频上传插件可能来得更好,但时间紧,任务急。这个方法暂时至少解决了我的问题,特此将资源分享在这里。