问题来源
再做前端直播播放的时候发现一个问题视频切换之后,总是出现视频播放卡顿报错。
一般报错
this.el_.vjs_getProperty
我的直播是需要rmtp直播和mp4文件之间切换的。
切换方法
player.pause();//暂停 相当于停止效果
player.src("srcurl");
player.load();//重新加载src
player.play();
我用的是vue注意保证对象已经建立即可。
可以用Vuex 存一个state
发现解决方案
https://github.com/videojs/video.js/issues/2247 通过观察别人的解决方案。发现问题可能是在于当我这边样式让控件消失的时候flash 控件会再度加载导致出现问题。
解决的办法就是、
1、要么每次播放 dispose 组件
2、 永远不要让他display 改变 用位移让他出去。
结语
新版本 flash 与video.js 分开了 flash 真坑
本文所有用的video.js 为7