安装

#安装方法

安装ckplayer很简单，因为ckplayer只是几个文件，将ckplayer文件夹放置在网站目录里即可使用，没有安装过程。

ckplayer是独立的组件，不需要依赖任何其它js插件

在需要调用播放器的页面使用如下代码即可进行播放

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8" data-name="ckplayer"></script>
<div class="video" style="width: 600px;height: 400px;"></div>
<script type="text/javascript">
    //定义一个变量：videoObject，用来做为视频初始化配置
    var videoObject = {
	container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
	variable: 'player', //播放函数名称，该属性必需设置，值等于下面的new ckplayer()的对象
	video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址
    };
    var player = new ckplayer(videoObject);//初始化播放器
</script>

#代码说明

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

引入ckplayer.js，该文件为主要文件，必需引入到页面中，可以放置于&lthead&gt，也可以放置于&ltbody&gt内

<div class="video" style="width:600px;height:400px"></div>

播放器所在容器（播放器加载后将显示在class="video"的div容器中）。

var videoObject = {
        container: '.video',//“#”代表容器的ID，“.”或“”代表容器的class
        variable: 'player',//该属性必需设置，值等于下面的new ckplayer()的对象
        video:'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址
 };

定义播放器初始化时的各种设置

var player=new ckplayer(videoObject);

实例化一个播放器对象，并且赋值给变量player，播放器加载成功后可以通过player.对播放器进行控制和监听