欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

CKPlayer的使用

shiping1 的头像

CKPlayer的使用

2013年09月13日 ⁄ 综合 ⁄ 共 1507字 ⁄ 字号     评论关闭

一、简介

1、跨平台播放,去持主流视频格式
ckplayer集成了对swf和html5的支持,PC机,Iphone,Ipad,Android系统等主流平台都可以使用ckplayer播放视频
支持流行视频格式flv,f4v,mp4,支持html5格式m3u8,webm,ogg theora,mp4以及支持RTMP协议下的视频直播和回放
支持前置广告,暂停广告,缓冲广告,滚动文字广告
支持多段视频合并播放,支持多集连播
2、API接口完全定制自己的播放器
用javascript控制播放器,监听播放器的状态,跟踪用户动作
用actionscript3.0开发播放器插件,打造自己的个性播放器
3、分享视频功能
把视频分享到各大门户网站,如腾讯微博,新浪微博

二、简单配置

1、去网上去下载ckplayer6.0,下载后如下
将ckplayer、js、index.htm 、demo.htm复制到项目如下
运行demo可看视频了,根据demo中的代码,查看demo中的代码,并搬到项目中,修改flv地址即可,代码很简单
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ckplayer简单调用演示</title>

<script type="text/javascript" src="js/offlights.js"></script>
</head>

<body>
<div id="video" style="position:relative;z-index: 100;width:600px;height:400px;float: left;"><div id="a1"></div></div>

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
	var flashvars={
		f:'Upload/99.flv',
		c:0,
		b:1
		};
	var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always'};
	CKobject.embedSWF('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',flashvars,params);
	/*
	CKobject.embedSWF(播放器路径,容器id,播放器id/name,播放器宽,播放器高,flashvars的值,其它定义也可省略);
	下面三行是调用html5播放器用到的
	*/
	var video=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4','http://www.ckplayer.com/webm/0.webm->video/webm','http://www.ckplayer.com/webm/0.ogv->video/ogg'];
	var support=['iPad','iPhone','ios','android+false','msie10+false'];
	CKobject.embedHTML5('video','ckplayer_a1',600,400,video,flashvars,support);
  </script>
</body>
</html>

来自 http://www.xuebuyuan.com/1640856.html



普通分类: