ckplayer在pc中使用-1

所属源码: ckplayer
sam 2022-01-09 12:27:07

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、增加获取视频长度的事件

回帖
  • 消灭零回复
相关文章