2012-07-23

CKplayer 新手入门超简单使用教程

网页播放器都有使用的前提(问1)。

~~~~~~~分隔线~~~~~~~

只需一步先看播放器效果(问2)：

下载附件，解压内容(ckplayer文件夹和ckplayer.html)到网站根目录，在浏览器中打开你的调试网站就可以看到网页播放效果，如：

http://localhost/ckplayer.html

~~~~~~~分隔线，正题，使用步骤~~~~~~~

1、同上，下载附件并解压到网站根目录，在你的网站测试环境中看看播放器是否正常显示。

2、用 Editplus 或 DreamWeaver 等文件编辑工具打开网站根目录的 ckplayer.html 文件看到代码很简单吧，你试试修改 s1.ckplayer_flv 为自己的视频或其他网络视频，再刷新浏览器，应该可以播放哦(问3)。

其实到这里，你就已经学会了播放器的基本使用。

3、应用到自己网站中的其他网页，则复制 ckplayer.html 中的代码到你要加载视频播放的位置就可以了：

var s1=new swfupload();

//视频地址

s1.ckplayer_flv='http://movie.ks.js.cn/flv/2011/11/8-1.flv';

//div的id

s1.swfwrite('video');

呵呵，简单吧。

当然，CKplayer的功能是非常丰富的，这只是九牛一毛的功能，只要会简单使用了，这时你可以下载官方的完整版，我相信其他功能你可以很快上手应用的。

PS：这里解压到网站根目录只是为了很快投入使用，你可以放在网站中任意的文件夹里，在各个网页中去调用，很灵活的(问4)。

最后卖萌一下：除了官方的方式调用播放器外，这里还为你准备了一个更简单易用的CKplayer封装调用，在好些网站上我有应用，感觉很不错，或许你也可以试试：

问1：

CKplayer 是网络视频播放器，俗称的flv网页播放器，与 JW Player 是一类的，当然使用就比jw简单多了，而且功能也更适合国人使用，关键是全功能免费和群友交流更方便。

所以，播放器必须在IIS/Apache等网页服务器环境中使用，简单来说就是使用 http://www.domain.com/xxx 或本地 http://localhost/xxx 这样的方式来打开网页才能正常使用，你测试的时候可以在本地搭建网页测试环境，也可以直接上传到你现在的网站空间里用域名来访问和调试。直接双击打开网页的方式是不行滴。

问2：

附件内容各方面功能都与官方完全一致的，与官方同步更新，请放心使用。只修改了默认的几个参数，配合这个教程更方便新手使用而打包，可下载官方精简版对照。

问3：

如果将 s1.ckplayer_flv 改为网络视频可以播放，换成自己网站中的视频播放不了，有几个方面的原因：

1、视频格式不支持，CKplayer也大多数网页播放器一样，支持H264编码的MP4、F4V、MOV以及常用的FLV格式，因为网络播放需要边缓冲边播放，对格式有比较严格的要求。像AVI、RMVB、DAT什么的这是桌面播放器如暴风、KMP流的工作。

2、视频格式服务器不支持，也就是MIME设置不正确，你需要在IIS中设置相应的文件格式MIME(详查论坛或百度)：

.flv -> application/octet-stream 或 video/x-flv 或 flv-application/octet-stream

.mp4 -> application/octet-stream 或 video/x-mp4

.f4v -> application/octet-stream 或 video/x-f4v

设置之后记得重启IIS。

3、视频地址不正确，你试试在测试环境里直接访问视频地址看能否访问得到，比如用 http://localhost/video/1.mp4。

问4：

官方的打包是采用的相对路径文件包，因为播放器要加载Flash，加载皮肤，有几处路径要正确设置才能使用，很多新手朋友使用的官方包的时候会遇到黑屏、无法加载播放器等问题，其实都是因为路径或js文件没有正确加载引起的，所以特别做了这个绝对根路径的文件打包，方便新手朋友下载后立即可以看到使用效果。

其中相对于官方的精简版包修改了下面几处：

1、ckplayer/ckplayer.js文件中：

ck.cpath = '/ckplayer/assets/'; //风格总路径，(14行)设为了根路径

ck.control_r='Null,2,1,-75,-100,1';//右侧调整按钮的文件，(32行)暂时去掉了插件

this.ckplayer_url = '/ckplayer/ckplayer.swf'; //(125行)默认了播放器的位置和文件

this.ckplayer_style = 0; //(128行)默认的视频类型改为0，即单一视频地址播放模式

2、index.htm文件改名为ckplayer.html，为了解压到你的网站根目录的时候不会把你原有的主页文件破坏，并最简了调用代码，看起来更轻松些。