ewebeditor下利用ckplayer增加html5 (mp4)全平台的支持
学校数字化平台富文本编辑器一直用的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;
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)全平台的支持相关推荐
- ckplayer html5 添加广告,ewebeditor下利用ckplayer增加html5 (mp4)全平台的支持
学校数字化平台富文本编辑器一直用的ewebeditor,应该说非常的好,支持常用office文档的直接导入,极大的方便了老师们资料的上传,最近在规划整个数字化校园向全平台改版,框架采用bootstra ...
- 不联网的情况下,使用 electron-builder 快速打包全平台应用
前言 Electron 之所以能够日益风靡,是因为其简单易用且对各个操作平台具有良好的支持. 今天我就来分享一下怎么使用一套代码,快速打包生成各主流平台安装包的经验. 项目安装 首先,使用我前面介绍的 ...
- s3c2410下利用TL16C554扩展4个全功能串口
上周花了4,5天的时间调554,一开始直接就上ce的驱动,结果可想而知,后来还是老老实实的在ADS下写好了测试程序,然后下载到RAM里面跑,结果 发现写寄存器的值写不进去,后来一测晶振,晶振都没有跑, ...
- Obsidian利用插件Remotely-save实现超低成本全平台云笔记
Obsidian作为一个笔记软件,是目前最满足我需求的了.本地存储文件+Markdown格式作为基础+双链支持,以及好用的搜索等功能,基本实现了我对一款文字笔记软件的要求. 但是Obsidian的收费 ...
- Ubuntu下利用AP架设WIFI热点(含网卡支持查询)
转载自:http://ihacklog.com/post/use-hostapd-to-setup-wireless-access-point-under-linux.html,向作者表示感谢! 其实 ...
- el-select 下拉框多选实现全选
在写一个功能时发现el-select支持多选,但是竟然不支持全选,好无语哦,那就自己实现一下吧~有两种方法,第二种感觉简单些 方法一:下拉项增加一个[全选],然后应该有以下几种情况: 1.下拉选项全都 ...
- 全平台可用且完全免费的国产思维导图知犀
作为国产的人,看到国产的任何东西都做得越来越好,不由得会产生一种分享和支持的心态,并希望感染身边的其他人.这不前阵子在做下半年计划,在使用思维导图的时候发现了一个挺好用的国产思维导图软件-知犀. &q ...
- 推荐一款很好的全平台电子书软件:StartReader
背景:最近正发愁寻找一款全平台.支持epub的电子书软件,对比了几款后,能做到全平台的电子书软件寥寥无几,但是发现一款精品软件StartReader,它的免费功能基本已经满足所有需求. 定位:支持WI ...
- HTML5怎么让图片和文字重叠,利用HTML5实现全屏图片文字过渡切换特效
特效描述:利用HTML5实现 全屏图片 文字过渡 切换特效.利用HTML5实现全屏图片文字过渡切换特效 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 Masupitami Wal ...
最新文章
- .NET Winform也能画出类似QQ、飞信这样的窗口风格和控件效果
- HDU 3282 Running Median 动态中位数,可惜数据范围太小
- java 中的vector_详解Java中的Vector
- table中的td表示table data(表格数据),tr表示table row(表格行),th表示table head(表格头)
- bzoj 2434 [Noi2011]阿狸的打字机(AC自动机+fail树+dfs序+树状数组)
- 光棍节程序员闯关秀-解密
- 安卓微信王者荣耀野区服务器,王者荣耀安卓微信136区运筹帷幄
- java小学生加减法_用java代码写随机加法算术题。 这些知识你不一定知道
- 华三防火墙能直连服务器吗,华三防火墙配置求教
- 分享113个HTML艺术时尚模板,总有一款适合您
- 多线程与 “锁”
- python优点以及缺点
- SE78上传BMP格式图片出错,出错信息提示上传的不是BMP格式图片
- MySQL学生综合测评系统_大学生综合测评系统的设计和实现(MySQL)
- Project*** is not configured as a MyEclipse Web-Struts Project. Therefore the MyEclipse Struts
- 6. Java并发编程-并发包-Lock和Condition
- NNDL 实验七 循环神经网络(3)LSTM的记忆能力实验
- matlab从无到有系列(四):符号数学基础
- (已解决)飞秋安装完毕无法发现局域网内的好友
- springboot批量更新实体_Spring Batch批量处理支付宝账单实践-基础篇