学校数字化平台富文本编辑器一直用的ewebeditor,应该说非常的好,支持常用office文档的直接导入,极大的方便了老师们资料的上传,最近在规划整个数字化校园向全平台改版,框架采用bootstrap构造,信息输入还是采用ewebeditor,对于视频如果要做到全平台最好的格式就是Mp4+html5,而ewebeditor本身不支持,所以把ewebeditor和ckplayer整合下,需要的朋友可以自行拿去。
具体的操作如下,
拷贝ckplaer到ewebeditor的plugin下,修改 js下的zh-cn.js文件,我是把原来的flv播放器,替换成ckplayer播放器,所以找到lang["DlgMediaPluginFLV"]= "CkPlayer 播放插件"  修改如下提示
打开dialog下的media.htm修改对应的flv调用代码,具体如下:

1 case "flv":2         s_Html = '<divid="a1"></div>'3             +'<scr'+'ipt type="text/javascript"src="/ewebeditor/plugin/ckplayer/ckplayer.js"charset="utf-8"></sc'+'ript>\n'4             +'<scr'+'ipt type="text/javascript">\n'5 +'var flashvars={\n'6 +'f:\''+sFromUrl+'\',\n'7 +'c:0,\n'8 +'loaded:\'loadedHandler\'\n'9 +'};\n'10 +'var video=[\''+sFromUrl+'->video/mp4\'];\n'11 +'CKobject.embed(\'/ewebeditor/plugin/ckplayer/ckplayer.swf\',\'a1\',\'ckplayer_a1\',\''+sWidth+'\',\''+sHeight+'\',true,flashvars,video);\n'12             +'</sc'+'ript>';13         break;

如果你需要自动识别mp4,可以修改下面的代码

1 switch(s_Ext){2 case "flv":3 case "f4v":4 case "mp4":5 sPlugin = "flv";6 break;7 case "asf":8 case "avi":9 case "mp3":10 //case "mp4": 删除11 case "wav":12 case "mpg":13 case "mpeg":14 case "mid":15 case "midi":16 case "aif":17 case "aifc":18 case "aiff":19                 sPlugin = "mediaplayer6";

至此,利用ckplayer,ewebeditor添加的视频就可以做到全平台html5 和flash的自动切换了。

转载于:https://www.cnblogs.com/cnlxj/p/4998982.html

ewebeditor下利用ckplayer增加html5 (mp4)全平台的支持相关推荐

  1. ckplayer html5 添加广告,ewebeditor下利用ckplayer增加html5 (mp4)全平台的支持

    学校数字化平台富文本编辑器一直用的ewebeditor,应该说非常的好,支持常用office文档的直接导入,极大的方便了老师们资料的上传,最近在规划整个数字化校园向全平台改版,框架采用bootstra ...

  2. 不联网的情况下,使用 electron-builder 快速打包全平台应用

    前言 Electron 之所以能够日益风靡,是因为其简单易用且对各个操作平台具有良好的支持. 今天我就来分享一下怎么使用一套代码,快速打包生成各主流平台安装包的经验. 项目安装 首先,使用我前面介绍的 ...

  3. s3c2410下利用TL16C554扩展4个全功能串口

    上周花了4,5天的时间调554,一开始直接就上ce的驱动,结果可想而知,后来还是老老实实的在ADS下写好了测试程序,然后下载到RAM里面跑,结果 发现写寄存器的值写不进去,后来一测晶振,晶振都没有跑, ...

  4. Obsidian利用插件Remotely-save实现超低成本全平台云笔记

    Obsidian作为一个笔记软件,是目前最满足我需求的了.本地存储文件+Markdown格式作为基础+双链支持,以及好用的搜索等功能,基本实现了我对一款文字笔记软件的要求. 但是Obsidian的收费 ...

  5. Ubuntu下利用AP架设WIFI热点(含网卡支持查询)

    转载自:http://ihacklog.com/post/use-hostapd-to-setup-wireless-access-point-under-linux.html,向作者表示感谢! 其实 ...

  6. el-select 下拉框多选实现全选

    在写一个功能时发现el-select支持多选,但是竟然不支持全选,好无语哦,那就自己实现一下吧~有两种方法,第二种感觉简单些 方法一:下拉项增加一个[全选],然后应该有以下几种情况: 1.下拉选项全都 ...

  7. 全平台可用且完全免费的国产思维导图知犀

    作为国产的人,看到国产的任何东西都做得越来越好,不由得会产生一种分享和支持的心态,并希望感染身边的其他人.这不前阵子在做下半年计划,在使用思维导图的时候发现了一个挺好用的国产思维导图软件-知犀. &q ...

  8. 推荐一款很好的全平台电子书软件:StartReader

    背景:最近正发愁寻找一款全平台.支持epub的电子书软件,对比了几款后,能做到全平台的电子书软件寥寥无几,但是发现一款精品软件StartReader,它的免费功能基本已经满足所有需求. 定位:支持WI ...

  9. HTML5怎么让图片和文字重叠,利用HTML5实现全屏图片文字过渡切换特效

    特效描述:利用HTML5实现 全屏图片 文字过渡 切换特效.利用HTML5实现全屏图片文字过渡切换特效 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码  Masupitami Wal ...

最新文章

  1. .NET Winform也能画出类似QQ、飞信这样的窗口风格和控件效果
  2. HDU 3282 Running Median 动态中位数,可惜数据范围太小
  3. java 中的vector_详解Java中的Vector
  4. table中的td表示table data(表格数据),tr表示table row(表格行),th表示table head(表格头)
  5. bzoj 2434 [Noi2011]阿狸的打字机(AC自动机+fail树+dfs序+树状数组)
  6. 光棍节程序员闯关秀-解密
  7. 安卓微信王者荣耀野区服务器,王者荣耀安卓微信136区运筹帷幄
  8. java小学生加减法_用java代码写随机加法算术题。 这些知识你不一定知道
  9. 华三防火墙能直连服务器吗,华三防火墙配置求教
  10. 分享113个HTML艺术时尚模板,总有一款适合您
  11. 多线程与 “锁”
  12. python优点以及缺点
  13. SE78上传BMP格式图片出错,出错信息提示上传的不是BMP格式图片
  14. MySQL学生综合测评系统_大学生综合测评系统的设计和实现(MySQL)
  15. Project*** is not configured as a MyEclipse Web-Struts Project. Therefore the MyEclipse Struts
  16. 6. Java并发编程-并发包-Lock和Condition
  17. NNDL 实验七 循环神经网络(3)LSTM的记忆能力实验
  18. matlab从无到有系列(四):符号数学基础
  19. (已解决)飞秋安装完毕无法发现局域网内的好友
  20. springboot批量更新实体_Spring Batch批量处理支付宝账单实践-基础篇

热门文章

  1. 再说spring比较重,臃肿的看此文!!!!!
  2. 多项物联网技术评为即将改变世界的革新技术
  3. Oracle ASM 详解 收藏
  4. 产品设计体会(6014)商业智能的尝试
  5. 通用权限管理系统组件 中集成多个子系统的单点登录(网站入口方式)附源码
  6. 第10章 指针(五) 使用地址-------指针的引用
  7. 064文件方式实现完整的英文词频统计实例
  8. 优秀程序员写代码的七个优秀习惯
  9. Redis~Linux环境下的部署
  10. 1-2 Zabbix web界面支持中文