Vue使用ckpalyer监听播放中的error事件

vue项目中的播放器使用的是ckplayer

根据官方说明 可以将视频播放后执行的函数挂在在window上 就可以监听到 视频加载完成的 函数

var videoObject = {
	container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class
	variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象
	autoplay: this.isAutoplay,//自动播放
	live:res.hasOwnProperty('l') ? res.l ? true : false : this.isLive,
	html5m3u8:res.hasOwnProperty('hm') ? res.hm ? true : false : false,
	flashplayer:res.hasOwnProperty('fp') ? res.fp ? true : false : false,
	video:res.hasOwnProperty('url')?res.url:this.sourceUrl,//视频地址
	loaded: 'loadedHandler', //当播放器加载后执行的函数
};
console.log('videoObject',videoObject);

window.player = new ckplayer(videoObject);

window.loadedHandler=function(){
	console.log('播放器加载完成');
}

其他参数 不用在意，只是我将ckplayer写成组件了 只需要关注 loaded: 'loadedHandler',

然后在loadedHandler 函数中添加 监听error的事件

window.play