ckplayer 如何在PC上完美支持 m3u8播放

添加时间:17-05-24 所属分类:HTML网页,JS语言与代码
  http://www.cnblogs.com/saysmy/p/5689778.html

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.html

但是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视频地址

至此,大功告成!

============================

切记:不要跟着官网的步骤做!切记!

前篇:中国人口危机恶化 职业女性宁要工作也不愿生... 后篇:济南“陪跑族”调查:标价每小时20元不被认...
发表我的评论


推荐文章   黄河大米的重振之路   一份工资收支表 见证四十年改革新成就—...   第一罐液化气是从北京背来的 济南燃气五...   在深山当38年老师,用草棒当笔交学生,...   结婚50年,是什么感觉?济南历城区40对...
随机文章   图片(旋转/缩放/翻转)变换效果,HTML+J...   《植物大战僵尸》网页版   Flash去边框代码(IE6/7,FireFox,Opera有...   记录cookies实现退出弹出“加入收藏”代...   记录cookies实现退出弹出“设为主页”代...
广告

其他推荐

因为本站所有内容均转载自其它媒体,本意为公众提供免费服务,但并不代表本网赞同其观点,也不能对其真实性验证负责,如稿件版权单位或个人不想在本网发布,请与我联系,本人会立即将其撤除,谢谢.联系方式:atseashawk@163.com QQ:99289555