关于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介绍、上位机图像处理软件 立即下载

相关推荐

LVGL高效加载外部Flash图片资源的实现与优化

本文深入探讨了在嵌入式UI开发中,如何为LVGL高效加载外部Flash中的图片资源。针对内部Flash容量不足的痛点,详细解析了LVGL的图片处理原理,并对比了内存映射与流式解码两种主流实现方案。文章重点提供了性能优化技巧与实战避坑指南,旨在帮助开发者实现流畅的图片加载体验,解决SPI Flash读取慢、内存占用高等核心挑战。

t1u2v的博客 462

this.el_.vjs_getProperty is not a function

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

浩星 5370

使用cubeMX生成USB HID设备

本文主要介绍如何使用stm32开发板和cubeMX生成HID设备,供参考。

专注音频,高效工作,快乐生活! 970

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

避坑指南:大疆智图集群建模中5个90%新手会踩的雷(附错误日志分析)

本文针对大疆智图集群建模功能,总结了新手在部署和运行时极易遇到的五个常见问题,包括共享目录权限与路径、主从节点版本一致性、临时存储路径设置、网络与防火墙配置以及错误日志分析。文章结合具体错误日志,提供了详细的排查步骤和解决方案,旨在帮助用户快速定位并解决问题,充分发挥集群建模的效率优势。

weixin_29238147的博客 335

解决PADs VX2.7安装中的License失效与软件卡死问题

本文详细解析了PADs VX2.7安装过程中常见的License失效与软件卡死问题,提供了从破解工具选择、环境变量设置到输入法兼容性调整等实用解决方案。特别推荐使用Siemens EDA系列新版破解工具,并分享性能调优与定期维护技巧,帮助工程师高效解决安装难题。

weixin_29234239的博客 813

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

Vivado项目开发新思路:用VSCode写代码,用Vivado管理IP核与综合(Windows/Mac环境通用指南)

本文介绍了如何结合Vivado和VSCode的优势,打造高效的FPGA设计工作流。通过配置VSCode的Verilog插件和Vivado环境集成,开发者可以在VSCode中编写代码,同时利用Vivado管理IP核与综合,显著提升开发效率和团队协作体验。

weixin_42545503的博客 337

在使用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

告别手动点鼠标:用Python脚本批量跑ADS版图仿真,效率提升10倍(附完整代码)

本文详细介绍了如何利用Python脚本自动化ADS版图仿真流程,显著提升射频工程师的工作效率。通过调用ADS底层接口,实现参数化修改、批量任务调度和结果自动收集,解决了手动操作中的常见问题,如仿真不更新等。附完整代码,帮助开发者快速实现10倍效率提升。

weixin_42523543的博客 331

【功能安全】【AutoSAR】程序流监控机制

目录 一、程序流执行的常见故障 二、程序流的监控机制 1、监控功能的实现 2、三种监督机制 a、生命监测机制 b、截止时间监测机制 c、逻辑程序流监测机制 一、程序流执行的常见故障 与程序流相关的故障,在ISO26262中第六章附录D中定义如下: — 执行阻塞; — 死锁; — 活锁; — 执行时间的不正确分配; — 软件要素间的不正确同步。 二、程序流的监控机制 1、监控功能的实现 AutoSAR中对程序流的监控功能的实现主要有“看门狗”栈(Watchdog Stack).

专注汽车软件开发、AutoSAR、车载以太网、SOA、EE架构。 4518

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

手把手教你完成YOLOv8 PyQt5和PySide6目标检测界面搭建,前台系统+后台管理系统开发实战,可用于大论文凑工作量或毕设必备,全网最详细教程

目标检测是计算机视觉中的重要任务,广泛应用于安防监控、自动驾驶、智能家居等领域。YOLO系列模型由于其高效的检测速度和较高的准确率,成为目标检测任务的首选算法之一。本项目结合 YOLOv8 与 PyQt5,构建了一个图形化界面,便于用户进行目标检测的操作和展示,实现对图片、视频和摄像头的实时目标检测,不仅可以用于大论文的工作量展示,还可以作为毕业设计。支持目标检测、目标分割等模型进来检测

在职AI算法工程师,擅长计算机视觉,YOLO目标检测、分割等,擅长web、pyqt界面可视化,好内容持续更新中,来这里跟大家一起学习,共同进步 1万+

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

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

关于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

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

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

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

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、付费专栏及课程。

余额充值