在使用vue-video-player时，切换页面浏览器报错：TypeError: this.el_.vjs_getProperty is not a function**

最新推荐文章于 2024-07-09 23:00:00 发布
最新推荐文章于 2024-07-09 23:00:00 发布
阅读量4.3k 收藏 1
点赞数
文章标签： TypeError: this.el_.vjs_getPropert vue使用vedio出现的问题 使用vue-video-player浏览器报错 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41988167/article/details/98245935
版权

**

TypeError: this.el_.vjs_getProperty is not a function

在使用vue-video-player时，切换页面浏览器报错：TypeError: this.el_.vjs_getProperty is not a function**

这是我项目报错的界面
这是因为切换页面后vue-video-player组件并没有关闭
解决办法：我的是在调用播放组件的页面里监听route的变化，一旦切换页面，就会监听到路由变化，这时在监听器里面关闭播放组件。this.$destroy(‘VideoPlayer’) / /VideoPlayer是我的播放组件名
在这里插入图片描述
这样就成功解决问题

会打滚的咸鱼
关注
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4785
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
vue2/3 - 报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a funct
高级前端工程师
07-02 1364
vue2，vue3，router，路由，报错，vue-router，vue报错Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent) is not a function，解决vue错误，vue3 router报错Uncaught TypeError，如何解决这个报错，vue报错，vue运行报错，vue编译，vue项目启动时报错，页面白屏，解决vue引入模块时的报错，vue路由报错，vue-router引入失败且页面
【避坑指“难”】vue-video-player 实现Vue播放视频
椰卤工程师的个人博客
10-14 869
vue-video-player 实现很快，包含的功能也挺多，比较全面，推荐大家适用这个库。下面看看效果图： Main.js import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vue.use(VideoPlayer) demo.vue <video-player class="
videojs播放rtmp视频流，解决TypeError: this.el_.vjs_getProperty is not a function错误
weixin_34285318的博客
08-13 4301
直接把viedojs播放器写在了组件里，方便使用，我这里写的src是在组件里，父组件变更src话，自己传吧！ videojs <template> <div > <video id="my-player1" ref='myPlayer1' class="video-js vjs-default-skin vjs-big-pla...
videojs-flash.min.js 报错 this.el_.vjs_getProperty is not a function
weixin_44005989的博客
06-06 5371
videojs-flash.min.js 报错 this.el_.vjs_getProperty is not a function 没发现有什么好的解决方法，目前我的问题，就是切换页面的时候或出现这个问题，我猜测是因为this指向变了导致的，我的处理方法就是开个定时器，定时检测是否切换了页面。类似于截图： timeInterval=setInterval(function () { d...
this.el_.vjs_getProperty is not a function
浩星
11-12 5195
前言： 在使用video.js播放rtmp视频中切换页面，如果是弹框引入，关闭弹框时，必然会发现控制台报错这个，这是谈谈我这边遇到的这个问题，以及怎么解决的。 问题： 在说这个问题怎么解决之前，先说一下我这边的应用场景，以及遇到的问题，我这边使用的是vue-cli3.0+antd里面的弹框来放入我们的使用video.js组件播放rtmp视频流的，有兴趣的朋友可...
vue-video-player，切换页面时控制台报错：TypeError: this.el_.vjs_getProperty is not a function解决方案
zcylyzhi4的博客
10-28 1059
备注：最近项目中，用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="player
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
vue3 - 解决报错 TypeError: (0 , import_node_util.parseArgs) is not a function（vue3新建项目时报错，vue3使用命令新建项目出错
高级前端工程师
05-16 2583
vue3，node.js，npm create vue，创建项目报错，无法创建项目，Vue.js - The Progressive JavaScript Framework，TypeError: (0 , import_node_util.parseArgs) is not a function，at init xx，vue报错解决，vue3如何新建项目，vue3新建项目一直失败怎么办，升级node.js还是不行，npm init vue@latest，node版本升级到什么，node版本18还是报错怎么
vue3 - element-plus报错TypeError:t.upload.addEventListener is not a function，vue+element组件库控制台报错详细解决教程
最新发布
高级前端工程师
07-09 2121
vue3，nuxt3，element-Plus，upload，上传组件，上传文件报错，本地开发没问题，部署打包上线就会报错，这个问题如何解决，还是一直报错，el-upload上传报错，vue3项目使用element上传组件 打包后报错t.upload.addEventListener is not a function的解决方案，VUE3上传功能本地上传正常，打包上传后报错，打包后报错t.upload.addEv，vue3项目使用elementui-plus上传组件 打包后报错t.upload.addEve
关于vue-video-plaer 出现 this.el_.vjs_getProperty is not a function at Flash.buff解决方法
love_27的博客
09-12 1917
用vue-video-play 播放rtmp/flv rtmp/mp4是出现上述错误如下： Uncaught TypeError: this.el_.vjs_getProperty is not a function at Flash.buffered (videojs-flash.es.js?b5c1:582) at Flash.bufferedPercent$$1 [as b...
Flash Tech: this.el_.vjs_getProperty is not a function video.js
Anything2207294253的博客
07-10 1000
react+antd里面使用video.js视频直播 我是把video.js写了一个组件，在一个Mode弹窗的使用，关闭的时候报错Flash Tech: this.el_.vjs_getProperty is not a function， network一直加载check.js.map和check.js这两个文件，找了一天，头疼，一直没有找到原因。 解决办法： (1). 在Model里面...
关于Video.js 出现的问题 this.el_.vjs_getProperty
yatsov的博客
08-14 7258
问题来源 再做前端直播播放的时候发现一个问题视频切换之后，总是出现视频播放卡顿报错。 一般报错 this.el_.vjs_getProperty 我的直播是需要rmtp直播和mp4文件之间切换的。 切换方法 player.pause();//暂停 相当于停止效果 player.src("srcurl"); player.load();//重新加载src player.p...
video-js rtmp直播、this .el_vjs_getproperty问题、多个rtmp播放、可用rtmp地址
zeng092210的博客
07-08 4513
1.开始之前我们先看一下三种协议，RTMP、RTSP、HTTP协议。 1、RTMP协议 （1）RTMP(Real Time Messaging Protocol)实时消息传送协议是Adobe Systems公司为Flash播放器和服务器之间音频、视频和数据传输 开发的开放协议。 （2）是流媒体协议。 （3）RTMP协议是 Adobe 的私有协议，未完全公开。 （4）RTMP协议一般传输的是 f...
video 经测试还不支持移动端自动播放的 vue-video-player也没办法
热门推荐
xqb081010的博客
01-18 1万+
查了无数篇 归集下 1. 说设置autoplay的  (x) 2. 说使用vue-video-player(x) 3. 说vue-video-player组件第一次总是不能自动播放的原因是，视频或音频的url赋值时必须使用this.playerOptions.src方法来进行切源，而不是this.playerOptions.sources[0].src。 (x) 3. 说vue-video...
【vue】el-carousel实现视频自动播放与自动切换到下一个视频功能：
SunPeng的博客
10-19 2367
【vue】el-carousel实现视频自动播放与自动切换到下一个视频功能：
vue-video-player vue视频播放插件，移动、PC均支持
weixin_39593730的博客
09-28 4909
使用 1、 安装：npm install vue-video-player --save /2、 在main.js入口文件中引入 import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video-player/src/custom-theme.css') Vue.u...
vue-video-player插件在微信浏览器X5内核中的坑
Jack, what else can you do besides holding your little darling?
12-06 516
vue-video-player插件在微信浏览器X5内核中的坑
vue3切换div时销毁videojs
qq_36489355的博客
09-11 2626
【代码】vue3切换div时销毁videojs。
vue 跳转页面报错vue.runtime.esm.js:1888 TypeError: this.$refs.LinearityParamModal.check is not a function
06-01
这个错误可能是因为你在代码中调用了一个不存在的函数。首先，你需要检查一下你的代码中是否存在 `LinearityParamModal` 组件，并且该组件是否定义了 `check` 函数。如果该组件存在但是没有定义 `check` 函数，那么你需要在该组件中添加 `check` 函数的定义。如果该组件不存在，那么你需要检查一下你的代码中是否正确地引入了该组件。另外，你还可以尝试打印一下 `this.$refs.LinearityParamModal` 的值，看看它返回的是什么，以便更好地排除错误。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值