【原创】ckplayer6.7使用心得

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

思良：这两天都在折腾视频教程问题，其实解决方法就在我们身边，还是整合到编辑器方便，百度编辑器好是好，可以自动转存到七牛里，就是会屏蔽代码，搞了半天也没解决还是用老的，于是开始找可以播放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"> </div> //必须要的，把视频放到这个层里(div里)，a1对应下面的a1，如果想在这个页面放2个，那么第二个地方要命名为a2，当然2个命名都可以去其他的，注意和下面对应就好。

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|'; //右边开关灯，调整，分享按钮的插件