所属分类:HTML网页，JS语言与代码
http://www.cnblogs.com/saysmy/p/5689778
ckplayer是一款在网页上播放视频的免费软件，主要特点是：免费，小巧，功能强大，定制方便。
任何商业网站及非商业网站（包括个人，公益网站）在不修改右键版权的基础上都可以免费使用。
官方网址http://www.ckplayer.com/manual/10/1.htm
下载地址http://www.ckplayer.com/down/
[安全策略文件]crossdomain.xml
http://www.ckplayer.com/manual/14/16.htm
使用过ckplayer的同学都知道，相对jwplayer等，它非常的容易配置和使用。功能也是基本满足我们的需求的。
一般情况我们都使用普通的视频格式比如mp4,flv等播放，但如果视频文件过大，会加载较慢。
于是我们可以将视频转成m3u8格式来解决这个问题（可以百度m3u8来了解原理，简单点说他就是把视频切成若干个切片，每个切片都可以独立播放而且大小很小，然后利用一个文件索引来依次播放这些文件，所以很快）
如何转m3u8格式？可以参考作者上一篇博文。
http://www.cnblogs.com/saysmy/p/5629019
但是PC上使用video 播放m3u8 是不支持的。幸好的是ckplayer有支持m3u8在PC播放的插件。
但注意了。有个巨坑，千万不要根据ckplayer官网的说明去安装配置这个插件！会出现各种错误！
其实很简单，下载插件：m3u8.swf http://bbs.ckplayer.com/forum.php?mod=v ... &tid=18168
下载后解压，将m3u8.swf文件拷贝至你的服务器任意目录，可以访问到就好，为了方便我是放在了ckplyer插件文件夹里。
OK！配置成功！ 是不是很简单？就拷贝过来就OK啦！
接下来是js:
[code]showPlayer('http://static.guojiang.tv/pc/video/sound/1/playlist.m3u8','videoWrap')
function showPlayer(src, id){
//player
var flashvars={
f : 'http://static.guojiang.tv/pc/js/ckplayer/m3u8.swf',
a : src,
c : 0,
s:4,
lv:0//注意，如果是直播，需设置lv:1
};
var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
var video=[src];
CKobject.embed('http://static.guojiang.tv/pc/js/ckplayer/ckplayer.swf',id ,'ck-video','100%','100%',false, flashvars ,video, params);
}[/code]
f: m3u8.swf 的地址
a: 你要播放的m3u8视频地址
至此，大功告成！
============================
切记：不要跟着官网的步骤做！切记！
ckplayer是一款在网页上播放视频的免费软件，主要特点是：免费，小巧，功能强大，定制方便。
任何商业网站及非商业网站（包括个人，公益网站）在不修改右键版权的基础上都可以免费使用。
官方网址http://www.ckplayer.com/manual/10/1.htm
下载地址http://www.ckplayer.com/down/
[安全策略文件]crossdomain.xml
http://www.ckplayer.com/manual/14/16.htm
使用过ckplayer的同学都知道，相对jwplayer等，它非常的容易配置和使用。功能也是基本满足我们的需求的。
一般情况我们都使用普通的视频格式比如mp4,flv等播放，但如果视频文件过大，会加载较慢。
于是我们可以将视频转成m3u8格式来解决这个问题（可以百度m3u8来了解原理，简单点说他就是把视频切成若干个切片，每个切片都可以独立播放而且大小很小，然后利用一个文件索引来依次播放这些文件，所以很快）
如何转m3u8格式？可以参考作者上一篇博文。
http://www.cnblogs.com/saysmy/p/5629019
但是PC上使用video 播放m3u8 是不支持的。幸好的是ckplayer有支持m3u8在PC播放的插件。
但注意了。有个巨坑，千万不要根据ckplayer官网的说明去安装配置这个插件！会出现各种错误！
其实很简单，下载插件：m3u8.swf http://bbs.ckplayer.com/forum.php?mod=v ... &tid=18168
下载后解压，将m3u8.swf文件拷贝至你的服务器任意目录，可以访问到就好，为了方便我是放在了ckplyer插件文件夹里。
OK！配置成功！ 是不是很简单？就拷贝过来就OK啦！
接下来是js:
[code]showPlayer('http://static.guojiang.tv/pc/video/sound/1/playlist.m3u8','videoWrap')
function showPlayer(src, id){
//player
var flashvars={
f : 'http://static.guojiang.tv/pc/js/ckplayer/m3u8.swf',
a : src,
c : 0,
s:4,
lv:0//注意，如果是直播，需设置lv:1
};
var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
var video=[src];
CKobject.embed('http://static.guojiang.tv/pc/js/ckplayer/ckplayer.swf',id ,'ck-video','100%','100%',false, flashvars ,video, params);
}[/code]
f: m3u8.swf 的地址
a: 你要播放的m3u8视频地址
至此，大功告成！
============================
切记：不要跟着官网的步骤做！切记！