1、引入js
<script type="text/javascript" src="/ckplayer/ckplayer.js"></script>
2、定义一个div标签
<div class="video" id="myPlayer">
3、初始化配置
var videoObject = { container: '#myPlayer', //“#”代表容器的ID,“.”或“”代表容器的class variable: 'player', //播放函数名称,该属性必需设置,值等于下面的new ckplayer()的对象 loaded:'loadedHandler',//播放器加载完成后调用该函数 autoplay: false, video: 'http://xxx.yyy.cn/11.mp4'//视频地址 }; var player = new ckplayer(videoObject);//初始化播放器 //加载完成后进行相关的操作 function loadedHandler(name){ //定位到上次播放的位置 player.videoSeek(@lastPlaytime); //显示控制条 player.changeControlBarShow(true); //增加获取视频长度的事件处理 player.addListener('duration', durationHandler); //监听元数据 //增加播放到什么时间的进度 player.addListener('time', timeHandler); //监听元数据 }
说明:
container:表示一个div的容器
loaded :表示视频加载完成后需要进行的函数
autoplay:表示是否加载完成后就进行自动播放,这里设置false表示不自动进行播放
loadedHandler:是这个函数对应的是loaded事件完成后执行函数,实现了以下功能
1、定位到上次播放的位置
2、显示控制条件
3、增加播放进度的事件,实时监控播放进度
4、增加获取视频长度的事件