首页 > Web开发 > 详细

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

时间:2015-11-26 22:55:12      阅读:469      评论:0      收藏:0      [点我收藏+]

学校数字化平台富文本编辑器一直用的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 = ‘<div id="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的自动切换了。 

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

原文:http://www.cnblogs.com/cnlxj/p/4998982.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!