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

标准(精简,兼容)调用方式-自动判断平台选择调用Flashplayer还是H5-video

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

该调用方式为常用调用方式,并且是一种比较简单的调用方式,功能方面只保持播放一个普通视频,兼容PC端和移动端。视频格式推荐使用mp4,因为此格式可以兼容大部分的平台(浏览器)。

代码如下:

<div id="a1"></div>
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
	var flashvars={
	    f:'http://movie.ks.js.cn/flv/other/1_0.mp4',
	    c:0
	};
	var video=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4'];
	CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video);
</script>


代码说明:

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

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

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

引入ckplayer.js,该文件为主要文件,兼容PC和移动端时必需引入

var flashvars={
   f:'http://movie.ks.js.cn/flv/other/1_0.mp4',
   c:0
};

定义播放器加载(初始化)时要传递的参数,flashvars是一个(对象)变量,该变量主要为PC端的flashplayer所使用。但部分参数也为移动端H5所使用。该变量所有属性的功能及作用请查看本手册中单独的有关该变量的说明(建议了解以下相关内容里有相关链接)。特别说明:f属性仅供pc端使用,如果是多段视频可以用f:'1.flv|2.flv'这样的形式。

var video=['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4'];

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

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

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

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

CKobject.embed('ckplayer/ckplayer.swf','a1','ckplayer_a1','600','400',false,flashvars,video);

CKobject是用来调用播放器的函数。里面包含了若干(为了便于理解,我们暂且称其为)子函数。embed是其中的一个函数,该函数的作用是在自动判断平台类型(PC端还是移动端)后调用不同类型的播放器(flashplayer还是h5的video),该函数准确的格式说明如下:

CKobject.embed('ckplayer.swf地址[必需]','视频所在容器的ID[必需]','播放器的ID[必需]','宽度[必需,支持具体值以及百分比]','高度[必需,支持具体值以及百分比]]',平台优先选项[false=优先使用flashplayer,true=优先使用h5的video],初始化参数[必需],移动端所使用的地址数组[必需],其它配置[非必需,主要针对flashplayer的配置]);
建议了解以下相关内容:
Powered by ckplayer.com  
Copyright©ckplayer,2011-2016