vue中使用ckplayer时的监听爬坑
直接上代码
methods:{
loadCkplayer(){
var videoObject = {
container: '#video', //容器的ID或className
variable: 'player',//播放函数名称
poster:'../material/poster.jpg',//封面图片
loaded:'loadedHandler',
flashplayer:true,
video: [//视频地址列表形式
['http://img.ksbbs.com/asset/Mon_1703/05cacb4e02f9d9e.mp4', 'video/mp4', '中文标清', 0],
['http://img.ksbbs.com/asset/Mon_1703/d0897b4e9ddd9a5.mp4', 'video/mp4', '中文高清', 0],
['http://img.ksbbs.com/asset/Mon_1703/eb048d7839442d0.mp4', 'video/mp4', '英文高清', 10],
['http://img.ksbbs.com/asset/Mon_1703/d30e02a5626c066.mp4', 'video/mp4', '英文超清', 0],
]
};
window.player = new ckplayer(videoObject);
function fullHandler(){//h5状态下会调用该函数监听全屏切换
window.fullHandler();
}
window.fullHandler=function(){//flashplayer状态下会调用该函数监听全屏切换
console.log('已监听到全屏切换状态');
};
function timeHandler(time){//h5状态下为调用该函数监听当前播放时间
window.timeHandler(time);
}
window.timeHandler=function(time){//flashplayer状态下为调用该函数监听当前播放时间
console.log('当前播放时间:'+time);
console.log(window.player.getMetaDate());
};
window.loadedHandler=function(){
console.log('已正确监听到播放器加载,loadedHandler');
console.log(window.player);
window.player.addListener('full',fullHandler);
window.player.addListener('time',timeHandler);
}
}
}