备注:最近项目中,用vue-video-player播放rtmp流,在切换面时,控制台一直报错:TypeError: this.el_.vjs_getProperty is not a function;网上找了很多方案,都没能成功解决;最终,经过反复试验,终于彻底解决了报错问题,想将代码分享出来
<video-player
class="video-js vjs-big-play-centered"
ref="myPlayer"
:options="playerOptions"
id="videoPlayer"
@play="onPlayerPlay"
>
</video-player>
....
.....
.....
import Vue from 'vue'
import VideoPlayer from 'vue-video-player'
import 'videojs-flash'
require('video.js/dist/video-js.css')
require('vue-video-player/src/custom-theme.css')
Vue.use(VideoPlayer);
.....
.....
.....
deactivated() {
this.$refs.myPlayer.dispose();
this.$destroy('VideoPlayer');
},