前言：

在使用video.js播放rtmp视频中切换页面，如果是弹框引入，关闭弹框时，必然会发现控制台报错这个，这是谈谈我这边遇到的这个问题，以及怎么解决的。

问题：

在说这个问题怎么解决之前，先说一下我这边的应用场景，以及遇到的问题，我这边使用的是vue-cli3.0+antd里面的弹框来放入我们的使用video.js组件播放rtmp视频流的，有兴趣的朋友可以看一下，入口，上边的我的初始化版本，下边是我解决完问题后的版本，有兴趣可以看一下

解决方法：

第一：在methods中定义方法,前面放一下我的this.player

    /*** 强制处理video元素-每次初始化前调用*/destroyVideo(){if(this.player!=null){this.player.dispose();this.player=null;}},

第二：设置弹框的属性，每次都自动销毁:destroyOnClose="true"，官网：入口

<a-modalwrapClassName='videoDetailsModel'v-model="visible":destroyOnClose="true":title="videoTit":footer="null">

第三：在父组件弹框组件里面加调用方法：在弹框销毁时调用

beforeDestroy(){this.$refs.myVideo.destroyVideo();},

原理：

每次弹框创建的时候都调用video.js组件中的初始化方法，每次销毁时都把他清空

***注意，也有朋友是直接加了:destroyOnClose="true"就实现了所有功能，也解决了报错，我这里不行，反而报错更多了，所有才在销毁组件和创建组件那里分别调用video组件的方法

源代码：入口

this.el_.vjs_getProperty is not a function相关推荐

关于vue-video-plaer 出现 this.el_.vjs_getProperty is not a function at Flash.buff解决方法
用vue-video-play 播放rtmp/flv rtmp/mp4是出现上述错误如下: Uncaught TypeError: this.el_.vjs_getProperty is not a ...
Flash Tech: this.el_.vjs_getProperty is not a function video.js
react+antd里面使用video.js视频直播我是把video.js写了一个组件,在一个Mode弹窗的使用,关闭的时候报错Flash Tech: this.el_.vjs_getPropert ...
创建一个Scalar-valued Function函数来实现LastIndexOf
昨天有帮助网友解决的个字符串截取的问题,<截取字符串中最后一个中文词语(MS SQL)>http://www.cnblogs.com/insus/p/7883606.html 虽然实现了, ...
php function集合
/*更新商品的某个字段*/ function update_goods($goods_id, $field, $value) {if ($goods_id){/* 清除缓存 */clear_cache ...
函数指针amp;绑定: boost::functoin/std::function/bind
see link: https://isocpp.org/wiki/faq/pointers-to-members function vs template: http://stackoverflow ...
class function或class procedure是什么意思
类函数\类过程. 它们是直接操作在类上面(没有实例化的对象) 下面是Delphi Help 的描述 A class method is a method (oth ...
Cost Function
首先本人一直有一个疑问缠绕了我很久,就是吴恩达老师所讲的机器学习课程里边的逻辑回归这点,使用的是交叉熵损失函数,但是在进行求导推导时,google了很多的课件以及教程都是直接使用的,这个问题困扰了很久 ...
error C4996: 'fopen': This function or variable may be unsafe. Consider using fopen_s instead. 的解决方法
vs2013编译出错信息:错误 1 error C4996: 'fopen': This function or variable may be unsafe. Consider usin ...
c++11 function
是代指返回值为void型的函数指针. function 最大的功能是表达匿名函数,特别是 [] 里面捕捉了当前上下文变量的匿名函数类模版 std::function是一种通用.多态的函数封装.std ...
避开移入移出事件内部div干扰事件，e是function(e)的e
// 避开移入移出事件内部div干扰事件 // e是function(e)的elet element = e.toElement || e.relatedTarget;if (element.clas ...

this.el_.vjs_getProperty is not a function

前言：

在使用video.js播放rtmp视频中切换页面，如果是弹框引入，关闭弹框时，必然会发现控制台报错这个，这是谈谈我这边遇到的这个问题，以及怎么解决的。

问题：

解决方法：

第一：在methods中定义方法,前面放一下我的this.player

第二：设置弹框的属性，每次都自动销毁:destroyOnClose="true"，官网：入口

第三：在父组件弹框组件里面加调用方法：在弹框销毁时调用

原理：

每次弹框创建的时候都调用video.js组件中的初始化方法，每次销毁时都把他清空

***注意，也有朋友是直接加了:destroyOnClose="true"就实现了所有功能，也解决了报错，我这里不行，反而报错更多了，所有才在销毁组件和创建组件那里分别调用video组件的方法

源代码：入口

this.el_.vjs_getProperty is not a function相关推荐

最新文章

热门文章

this.el_.vjs_getProperty is not a function

前言：

在使用video.js播放rtmp视频中切换页面，如果是弹框引入，关闭弹框时，必然会发现控制台报错这个，这是谈谈我这边遇到的这个问题，以及怎么解决的。

问题：

解决方法：

第一：在methods中定义方法,前面放一下我的this.player

第二： 设置弹框的属性，每次都自动销毁:destroyOnClose="true"，官网：入口

第三：在父组件弹框组件里面加调用方法：在弹框销毁时调用

原理：

每次弹框创建的时候都调用video.js组件中的初始化方法，每次销毁时都把他清空

***注意，也有朋友是直接加了:destroyOnClose="true"就实现了所有功能，也解决了报错，我这里不行，反而报错更多了，所有才在销毁组件和创建组件那里分别调用video组件的方法

源代码：入口

this.el_.vjs_getProperty is not a function相关推荐

最新文章

热门文章

第二：设置弹框的属性，每次都自动销毁:destroyOnClose="true"，官网：入口