vue 中使用百度cyberplayer播放器遇到的坑

上次用了百度cyberplayer播放器也做了一些介绍,在使用的过程中遇到了一些问题。播放器和vue都有一点写法的问题

1、频繁点击视频进入播放页面后再返回首页,会出现上个视频的音频和当前视屏音频都有播放。

2、开始还以为是播放器的问题,但是后面试了一下和播放器的关系不大。

用了有几种办法解决

1、修改不放弃的方法不用var声明,直接把播放器的方法保存在data()全局里面
2、利用vue的生命周期钩子在实例销毁之前销毁data()里的播放器方法
3、再次进入播放页面的时候首先调用一次播放器方法,数据全部传空的,是播放器空放,但是这个持续不了多久
4、获取到数据在从新调用播放器方法,使视频文件能正常播放

现在简单的看一下修改的地方

posted @ 2018-10-16 15:43  海浪w  阅读(3642)  评论(0)    收藏  举报