关于Video.js 出现的问题 this.el_.vjs_getProperty

videojs视频可拖动播放与不可拖动播放 立即下载

问题来源

再做前端直播播放的时候发现一个问题视频切换之后,总是出现视频播放卡顿报错。
一般报错

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

EL_DM6437使用说明书(6437介绍、上位机图像处理软件 立即下载

相关推荐

告别浏览器崩溃!EasyPlayer.js长时间播放FLV视频内存泄漏排查指南

本文针对EasyPlayer.js长时间播放FLV视频导致浏览器内存泄漏和崩溃的问题,提供了一套系统性排查与解决方案。核心策略包括将视频编码从H.265转为H.264以降低解码压力,以及将传输协议从HTTP-FLV切换至WebRTC以优化资源管理。文章还详细介绍了播放器实例生命周期管理、浏览器开发者工具监控等精细化排查手段,帮助开发者实现稳定、长时间的多路视频播放。

weixin_29229055的博客 173

this.el_.vjs_getProperty is not a function

前言: 在使用video.js播放rtmp视频中切换页面,如果是弹框引入,关闭弹框时,必然会发现控制台报错这个,这是谈谈我这边遇到的这个问题,以及怎么解决的。 问题: 在说这个问题怎么解决之前,先说一下我这边的应用场景,以及遇到的问题,我这边使用的是vue-cli3.0+antd里面的弹框来放入我们的使用video.js组件播放rtmp视频流的,有兴趣的朋友可...

浩星 5370

k8s 100个高频面试题

以下是 100 个 Kubernetes(k8s)高频面试题及其答案,涵盖了 Kubernetes 的核心概念、架构、组件、工作原理以及实际应用。答案:Master 节点组件:API Server:提供 RESTful API 接口,用于与集群交互。etcd:分布式键值存储,用于存储集群的配置数据和状态信息。Controller Manager:运行各种控制器进程,负责维护集群的状态。Scheduler:负责将 Pod 调度到合适的节点上运行。Worker 节点组件:Kubelet:运行在每个节点上的代理,

wankll的专栏 2778

vue-video-player,切换页面时控制台报错:TypeError: this.el_.vjs_getProperty is not a function解决方案

备注:最近项目中,用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

zcylyzhi4的博客 1174

Visual SLAM算法笔记

最近在学习SLAM算法,这里作为阅读笔记记录和总结一下。对经典的单目SLAM/VO算法做了摘要和总结,比如Nister VO、MonoSLAM、PTAM、ORB-SLAM、LSD-SLAM、SVO、DSO等,对几个单目和IMU的融合算法也做了简单总结,比如MSCKF、OKVIS、IMU-Preintegration等。

MulinB的技术博客 3万+

【商业化】【msix打包】Python 应用打包为 MSIX 的正确流程:入口点问题与解决方案

发现用msix打包工具打包python做的exe时总找不到程序入口点,后来理了一下才发现自己误会了,需要先生成一个基本的setup.exe,msix的打包是基于这个初始的安装程序进行的。只需要点击Buile-》Compile,然后Open Output Folder就可以得到exe安装程序了。可以使用免费工具inno setup来创建初始安装包。其中{group}这样的变量会自动匹配,不用自己指定。如果点击Run会运行安装程序。

每日出拳老爷子的博客 1103

videojs播放rtmp视频流,解决TypeError: this.el_.vjs_getProperty is not a function错误

直接把viedojs播放器写在了组件里,方便使用,我这里写的src是在组件里,父组件变更src话,自己传吧! videojs <template> <div > <video id="my-player1" ref='myPlayer1' class="video-js vjs-default-skin vjs-big-pla...

weixin_34285318的博客 4868

Vision-Language Navigation - Windows环境下编译安装Matterport3D Simulator仿真器(三)

目录1 编译 Matterport3D Simulator 源码1.1 源码下载1.2 编译 1 编译 Matterport3D Simulator 源码   在 Windows 下编译 Matterport3D Simulator 稍微有些不方便,需要对 CMakeLists.txt 进行一些修改,如果有更好的方法欢迎大家评论。 1.1 源码下载   还是直接在 Github 上搜索 Matterport3D Simulator 的 repo,下载源码。如果用 zip 方式,那么直接在下即可。如果使用

weixin_44110393的博客 4845

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

** TypeError: this.el_.vjs_getProperty is not a function 在使用vue-video-player时,切换页面浏览器报错:TypeError: this.el_.vjs_getProperty is not a function** 这是因为切换页面后vue-video-player组件并没有关闭 解决办法:我的是在调用播放组件的页面里监听r...

qq_41988167的博客 4503

射频测试基础知识总结

表示可以辐射到空间的电磁频率,频率范围从300KHz~110GHz之间,射频简称RF,是高频交流变化电磁波的简称,其每秒变化小于1000次被称为低频电流,超过10000次的称为高频电流,而射频就是这种高频电流。为了确保天线接收的信号能够在接收机的最后一级被正确的恢复,一个好的低噪音放大器需要在放大信号的同时产生尽可能低的噪音以及失真。两种,带内试验的范围也有一定的差别,比如,带内试验主要是检测信号的质量,如功率、频谱宽度、调制质量,而带外测试的是信号的杂散、谐波,主要是看对频带之外的干扰有多大。

cny70的博客 9628

【MATLAB】嵌入式PID控制参数整定与优化

本文提出了一种基于MATLAB仿真的嵌入式PID参数优化方法,解决了传统人工试凑法效率低、适应性差的问题。通过建立一阶滞后被控对象模型,对比分析了不同PID参数组合的性能表现,筛选出最优参数。仿真结果表明,优化后的PID参数能有效降低超调量(从传统方法的显著超调降至接近0%),缩短调节时间,提高稳态精度。最终将优化算法部署到STM32平台,实现了"仿真整定-参数优化-嵌入式落地"的完整开发流程。该方法显著提升了嵌入式系统的响应速度和控制精度,为工业控制应用提供了标准化解决方案。

unber的博客 45

video-js rtmp直播、this .el_vjs_getproperty问题、多个rtmp播放、可用rtmp地址

1.开始之前我们先看一下三种协议,RTMP、RTSP、HTTP协议。 1、RTMP协议 (1)RTMP(Real Time Messaging Protocol)实时消息传送协议是Adobe Systems公司为Flash播放器和服务器之间音频、视频和数据传输 开发的开放协议。 (2)是流媒体协议。 (3)RTMP协议是 Adobe 的私有协议,未完全公开。 (4)RTMP协议一般传输的是 f...

zeng092210的博客 4729

十五、SAP-物料需求计划(MRP)

业务逻辑、功能讲解、图文解析、章节总结

m0_72403327的博客 1092

Flash Tech: this.el_.vjs_getProperty is not a function video.js

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里面...

Anything2207294253的博客 1099

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

关于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 function at Flash.buffered (videojs-flash.es.js?b5c1:582) at Flash.bufferedPercent$$1 [as b...

love_27的博客 2016

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

videojs-flash.min.js 报错 this.el_.vjs_getProperty is not a function

videojs-flash.min.js 报错 this.el_.vjs_getProperty is not a function 没发现有什么好的解决方法,目前我的问题,就是切换页面的时候或出现这个问题,我猜测是因为this指向变了导致的,我的处理方法就是开个定时器,定时检测是否切换了页面。类似于截图: timeInterval=setInterval(function () { d...

weixin_44005989的博客 5452

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

videoJS关闭播放窗口报错的解决

错误1: 关闭播放div document.getElementById("operator").style.display = "none"; 会一直弹出如下错误,是因为关闭窗口没有注销video,所以引发如下错误 this.el_.vjs_getProperty is not a function 错误2: dispose()注销video解决了上面的报错 this.GLOBAL.g_...

Alice 1万+

TypeError: this.getOptions is not a function 的解决

React这个实际上就是 sass-loader 的版本过高或过低,与当前node版本不对应,不兼容 getOptions 函数方法,所以需要对 sass-loader 进行升级或降级处理。1、命令行卸载node-sass和sass-loader,重新安装跟你当前node版本对应的node-sass和sass-loader。2、或者可以删除node_modules文件夹,直接修改package.json里sass-loader和node-sass里的版本,然后npm install四、node。

hyupeng1006的博客 2万+

videojs m3u8 视频卡顿

videojs m3u8 视频卡顿

邓邓今天加油了吗 2438

关于video.js播放视频,设置视频铺满外围盒子

第一步:videojs 的options设置时,不指定width和height 第二步 :修改css 第三步:在创建player之前,把元素的padding-top设置成0px

xiaoxiazi_32的博客 3280

vue-cli3+videojs+rtmp+动态更改视频路径

前言: 又一次和直播流rmtp相遇了,真是欲生欲死啊,之前vue-cli2的时候用的ckplay.js来实现的效果,可是vue-cli3中,ckplay出了问题,一直是他内部方法报错,这里用video.js来实现, 实现效果:点1是湖南台的直播,点2是一个MP4的视频 实现步骤:最新版本在下面 版本一:2019-11-09 17:33:38...

浩星 5040

vue 提示 this.getOptions is not a function 报错

问题的分析:可能是由于node版本安装太高,导致下载以前老版本或者老项目package.json里面依赖的时候, less-loader 的版本下的过高了,不兼容 getOptions 函数方法,所以需要对 less-loader 进行降级处理。3、重新启动项目 npm run dev 即可。1、先删掉现在的高版本的less-loader。2、再下载指定低版本的less-loader。

风中追风 3569

关于TypeError: e[h] is not a function的问题

在工作中突然发现了这个错误:   TypeError: e[h] is not a function   于是回过头去重新检查了一下代码,发现并没有什么问题,可还是一直报这个错。 后来发现,原来是有个input标签的type属性为“submit”; 当有input标签type属性为“submit”的时候,再通过jquery操作button按钮的点击事件来提交表单的时候; 也就是$(f...

“狗子团长阿“的博客 9263
上一篇: CSS八等分圆
下一篇: 关于散列表的笔记
yatsov
博客等级 码龄16年 52粉丝 56原创
评论 13
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值