videoJS报错:VIDEOJS: WARN: Player “myVideo” is already initialised. Options will not be applied.

移动端vue项目商品详情页有用到视频播放器,刚进入时没有错误,进入到其他页面再返回到商品详情页就会出现视频缩小到了左上角,且不能再播放了,查看控制台发现报了一个警告

VIDEOJS: WARN: Player “myVideo” is already initialised. Options will not be applied.

网上搜索一下发现是:不能重复调用video作用于同一个video，否则报错
每次离开页面需调用实例的dispose()方法销毁实例后再创建实例

destroyed () {
    this.myVideo.dispose()
}

我在destoryed里面设置后并不执行,后来发现是因为页面使用了keepAlive缓存了组件,所以我在deactivated里执行销毁操作就ok了
这个根据个人情况来吧,参考链接里面有四个关于videoJS的坑,我只是遇到了其中的某一个,记录一下,大家需要的话自己再取看看吧

参考链接如下:
https://blog.csdn.net/angle_lzc/article/details/103493362

链接: link.