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

本文针对前端直播中视频切换出现的卡顿及报错问题进行了深入分析,并提供了两种有效的解决方案:一是每次播放前处置播放组件;二是保持播放组件的显示状态不变,通过位移使其隐藏。此外,还探讨了新版flash与video.js兼容性问题。

问题来源

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

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

评论 13
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值