【原创】ckplayer6.7使用心得

来源:互联网   编辑:思良  发表时间:2016-02-26  关注度:1083  

思良:这两天都在折腾视频教程问题,其实解决方法就在我们身边,还是整合到编辑器方便,百度编辑器好是好,可以自动转存到七牛里,就是会屏蔽代码,搞了半天也没解决还是用老的,于是开始找可以播放flv,swf,mp4的代码,也找了半天都不能全部播放,能播放要么没控制栏,要么手机不支持观看,于是找到了ckplayer网页播放器,才发现原来我发过一篇文章的,所有才说解决方法就在我们身边,说说使用ckplayer心得。

一,安装,去官方下载最新的6.7,地址:http://www.ckplayer.com/bbs/forum.php?mod=forumdisplay&fid=2

很多功能用不到,我是新手搞了半天才明白就要几个文件即可,打开ckplayer6.7.zip,

两个地方注意,

1,把crossdomain.xml上传到网站目录(如果不想要分享功能可以不管),

2,把ckplayer文件夹上传到根目录即可了,我是建议要到你要的地方,比如skin/flv/,如果移走要改很多地方,其实就是不移也是要改的。

到此可以说把它安装好了,就怎么简单,剩下的就是修改路径或者是否屏蔽某功能(显示广告,分享,显示logo),改好后在发文地方插入代码即可用它了,当然我们可以把代码加到模版里,新建一个字段保存视频路径就更方便了,不过不是每篇文章都是有视频的,或者你搞个栏目专门发视频也可以的,后面说怎么搞。

二,使用(为什么先说使用后说修改地方,因为,先显示你要的功能,把一些不用的功能都屏蔽了,先看效果后说修改,这样更好解释)

插入下面代码即可,官方有个在线配置,很方便叫我们怎么写,要什么功能你直接选择,就会给你生成,地址:http://www.ckplayer.com/tool/flashvars.htm

解释下面代码,我会在后面用//解释,用红字解释,//放到代码里不会屏蔽的,大家注意了,只在这里解释,先说说我要的功能,官方默认代码效果:

其实我就想做个安静的美男子,开头视频广告我不要(还没加入什么广告联盟),右上角的logo,我要换成我的,或者不要(不会做png图片的话),下面滚动广告也不要,很影响观看的,是不是有点像看别人电影网站的电影,很讨厌这样的字幕了,也可以不想要分享,这些东西我都要屏蔽掉,呵呵,当然我还是要2个功能,logo和分享,

 

下面代码就可以,我一一解释。


<div id="a1">&nbsp;</div>  //必须要的,把视频放到这个层里(div里),a1对应下面的a1,如果想在这个页面放2个,那么第二个地方要命名为a2,当然2个命名都可以去其他的,注意和下面对应就好。

<script type="text/javascript" src="/skin/flv/ckplayer.js"></script><script type="text/javascript">     //官方的代码是/ckplayer/,这里是/skin/flv/,我刚刚说了我上面把文件传到这个地方了,这里修改成你的地址即可

  var flashvars={   //函数名字对应下面的

  f:'http://movie.ks.js.cn/flv/other/1_0.mp4',                      //这个就是视频的路径,当然可以用相对路径,也可以去官方做那种隐藏地址的代码(我还没研究好)

my_url:encodeURIComponent(window.location.href),      //这个是分享要的功能,没有,点击分享会提示没找什么什么的,

  c:0,    //调用配置方式 =0:调用ckplayer.js=1:调用ckplayer.xml ,我们可以吧js设置有分享,xml设置没有,用这个可以控制该视频要不要分享(下面说明),反正很多功能慢慢体会, 具体可以参考官方 http://www.ckplayer.com/tool/#p_3_7_29

  loaded:'loadedHandler'

  };

 var video=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4'];     //有这段可以实现html5即手机可以查看,其他功能可以去在线配置看看,video函数名对应下面

  CKobject.embed('/skin/flv/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video);    //路径,这个路径也要改,代码里就改这个2个播放器的路径即可,a1对应上的层,600,400高宽,flashvars和video对应上面2个函数,如果要放2个视频,把名字后面加个2或者其他的,还有ckplayer_a1也记得改了,不能和第一个视频重命名,

  </script>

     三,修改,当然安装好,插入上面的代码,分享和logo不一定能实现,所以我们要修改,修改其实就只要修改一个页面即可,要么ckplayer.js要么ckplayer.xml,上面说了,c=0就修改js,c=1就修改xml.

    可以参考官方帮助:http://www.ckplayer.com/tool/#p_3_6_15 ,我就说几个地方即可

    1,logo修改

    官方:style.swf修改成style.zip(修改完成后再改回style.swf,并且清缓存),里面的cklogo.png是右上角的,logo.swf是中间的,你可以自己制作相同文件名的文件放进去替换,这二个logo都支持png或swf格式的。

    logo的位置控制在ckplayer.js和ckplayer.xml里,

    以ckplayer.js为例分别是

      122行      mylogo: 'logo.swf',   135行     logo: 'cklogo.png',

    看他们的解释   /*默认右上角一直显示的logo,不使用设置成null,即logo='null';*/

    不想显示就给他们null值,如果要自己的,把做好的图片或者swf放到style.swf里。

     

    ckplayer.xml在95行和108行,

     

    可以把一个显示一个不显示代码用c=控制

     

    2,滚动广告

    js在274行,xml在245行,删除里面东西即可。把下面代码

     advmarquee: escape('{a href="http://www.ckplayer.com"}{font color="#FFFFFF" size="12"}这里可以放文字广告,播放器默认使用这里设置的广告内容,如果不想在这里使用可以清空这里的内容,如果想在页面中实时定义滚动文字广告内容,可以清空这里的内容,然后在页面中设置广告函数。{/font}{/a}'),

    改成

      advmarquee: escape(''),

    xml自己改吧

     

    3,分享

     

    这个地方最麻烦,要加上对的路径才行。

     

    注意几个地方,

    一,代码里有:my_url:encodeURIComponent(window.location.href), 上面说了,如果不用就不添加

    二,js里,301行,改成绝对位置,cpt_share: 'http://www.my3ky.com/skin/flv/share.xml',

    xml里,270, <cpt_share>http://www.my3ky.com/skin/flv/share.xml</cpt_share>

     

    关闭分享,参考官方http://www.ckplayer.com/tool/help/17.htm

    在ckplayer.js中找到下面三行代码,删除掉  23行

    cpt += 'right.swf,2,1,0,0,2,0|'; //右边开关灯,调整,分享按钮的插件

    cpt += 'share.swf,1,1,-180,-100,3,0|'; //分享插件

     

    cpt += 'adjustment.swf,1,1,-180,-100,3,0|'; //调整大小和颜色的插件

    在ckplayer.xml中找到下面三行代码,删除掉

    <cpt>right.swf,2,1,0,0,2,0</cpt>

    <cpt>share.swf,1,1,-180,-100,3,0</cpt>

    <cpt>adjustment.swf,1,1,-180,-100,3,0</cpt>

     

     好了,感觉也不用改多少啊,

     

    四,整合到帝国(只举例新闻系统)参考:http://www.my3ky.com/e/action/ShowInfo.php?classid=61&id=1250

    1,添加字段,直接拷贝了

    在新闻系统数据表里添加相关的视频地址字段,如图操作








    添加完字段后,点击确定页面回到管理数据表,点击管理系统模型,下面的操作如下图





    同时要选上自动生成表单模板

    到此,添加字段的工作就完成了

     

     

     2,把上面的代码插入到模版中  ([!--newstext--]内容上面放置调用视频播放器代码


    代码如下:

    <div id="a1">&nbsp;</div> 

    <script type="text/javascript" src="/skin/flv/ckplayer.js"></script><script type="text/javascript">     

      var flashvars={  

      f:'[!--video--]',                   

    my_url:encodeURIComponent(window.location.href),     

      c:0,    

      loaded:'loadedHandler'

      };

     var video=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4'];    

      CKobject.embed('/skin/flv/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video);   

      </script>

      保存模版后,我们可以发文试试了

       


       

       

      结束。

        支付宝扫码领红包,不用多说,用过的人都知道,双赢的,你得红包,我得到同等推广红包,比如你扫到1元,我也得1元,大家得到的红包可以去实体店消费!新用户至少10元以上哦,每天都有!希望大家每天来本站扫码!感谢感谢!

        把打赏改成扫码红包了!支持本站就扫码下!


      下一篇:帝国CMS6.6整合ckplayer6.0播放优酷,土豆,乐视,56,ku6视频


      上一篇:帝国微信通包含功能微信分享


      小提示:按 回车[Enter]键 返回,按 ←键 返回上一页, 按 →键 进入下一页。

      网友评论(0条评论)

      选择头像
           

      新闻评论(共有 0 条评论)

      手机访问

      本站APP

      联系我

      加我微信