ckplay 视频播放器

niandeng-ckplayer-master.zip

寻找h5 播放页 页面播放事件需要在本地http开头访问 通过捕捉视频播放事件 可以实现在视频上面增加浮层来实现视频答题

var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
poster:'../material/poster.jpg',//封面图片
video: [//视频地址列表形式
['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
//['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
//['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
//['http://ckplayer-video-sample.oss-cn-shanghai.aliyuncs.com/sample-mp4/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
],
debug:false
};
var player = new ckplayer(videoObject);

player.addListenerInside('seeking', function (event) {
console.log("seeking");
});

//监听视频播放结束事件
var eventEnded = function(event) {
console.log("eventEnded");
console.log(event);
};
player.addListenerInside('ended', eventEnded);
//监听视频播放时间事件
var eventTimeupdate = function(event) {
console.log("eventTimeupdate");
console.log(console.log(Math.ceil(event.srcElement.currentTime)));
};
player.addListenerInside('timeupdate', eventTimeupdate);

//监听视频暂停事件
var eventPause = function(event) {
console.log("eventPause");
};
player.addListenerInside('pause', eventPause);
最后修改:2021 年 04 月 26 日
如果觉得我的文章对你有用,请随意赞赏