帮助手册>安装调用>播放器调用方式

标准(精简)只调用HTML5-VIDEO方式

在查阅该文之前需要了解的内容如下:
正文:

该调用方式为标准调用方式,仅支持调用HTML5播放器。

代码如下:

<div id="a1"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
	var flashvars={
		p:1,
		e:1,
		i:'http://www.ckplayer.com/static/images/cqdw.jpg'
	};
	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=['all'];
	CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);
</script>


代码说明:

<div id="a1"></div>

播放器所在容器(播放器加载后将显示在id="a1"的div容器中)。

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>

引入ckplayer.js,该文件为主要文件,必需引入

var flashvars={
		p:1,
		e:1,
		i:'http://www.ckplayer.com/static/images/cqdw.jpg'
	};

该(对象)变量定义初始化HTML5-Video播放器时的相关配置,仅支持p,e,i三个属性,并同时支持跟flashplayer调用时共用这些属性。各属性的作用如下:

1、p:该值定义是否自动播放,0=默认暂停,1=默认播放,2=默认不加载视频,当设置成1时并不能支持所有平台的自动播放。因为有些机型(系统),比如iphone的某些版本不支持视频自动播放,强制默认暂停或不加载。

2、e:播放结束的动作,0:调用js函数(function playerstop(){}),1:循环播放,2:暂停播放并且不调用广告,3:调用精彩视频推荐列$L̫WxnME$L̫Wxn频流并调用js(function playerstop(){})和1差不多,5:暂停播放并且调用暂停广告,6:调用js函数(function playerstop(){})并且退出全屏

3、i:当视频默认不加载或暂停时可以显示一个默认图片

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'];

该变量是一个数组形式。定义了移动端(HTML5)播放时使用的视频地址,数组结构说明如下:

ar video=['视频地址->MIME类型','视频地址->MIME类型','视频地址->MIME类型'];

为什么要定义多个视频地址呢?因为准确的说不同的平台(浏览器)支持不同的视频格式,所以这里可以定义多个不同格式的视频地址。浏览器在播放时第一个视频连接不上时会自动选择链接下面一个视频,直到能播放为止或全部检查完毕为止。

在移动端同时支持使用ajax调用一个网址,再由这个网址里定义视频地址的形式调用。具体的用法请查看本教程里有关于该部分的单独的说明(建议了解以下相关内容里有相关链接)。

var support=['all'];

该变量是一个数组形式,定义在哪些平台上使用HTML5播放器。该参数的功能对于普通调用基本上没有发挥作用。所以默认是all,如果要强制定义,则支持判断浏览器和平台类型,具体的值列表如下:

iPhone,iPad,ios,android,webKit,trident,gecko,presto,mobile,webApp,IE,Firefox,Opera,Chrome,Safari,Safari2,mozilla

比如:var support=['iPhone','iPad'];表示,只有在iPhone,iPad平台使用HTML5播放器。又比如:var support=['iPhone','iPad','IE+false'];则表示在iPhone,iPad,IE在没有安装flashplayer的情况下调用HTML5播放器

CKobject.embedHTML5('a1','ckplayer_a1',600,400,video,flashvars,support);

CKobject是用来调用播放器的函数。里面包含了若干(为了便于理解,我们暂且称其为)子函数。embedHTML5是单用来调用HTML5的播放器。该函数准确说明如下:

CKobject.embedHTML5('视频所在容器的ID[必需]','播放器的ID[必需]','宽度[必需,支持具体值以及百分比]','高度[必需,支持具体值以及百分比]]',视频地址数组,初始化参数[必需],调用播放器平台限制[非必需]);
建议了解以下相关内容:
Powered by ckplayer.com  
Copyright©ckplayer,2011-2016