前端vue等 视频插件无法拖动进度条bug,视频进度bug

接手了一个项目处理bug,做一个视频学习的app,但是发现进度条死活用不了,因为一拖动就滚回到了0:00秒,那还用集贸呢。

我下载下来后,首先测试一下,嗯,确实是这样的,基本功能没问题,一动进度条就回滚到0,于是解决思路如下(本人是只会copy的学渣,若有吐槽嘴下留情):因为用的是uniapp+v2,首先百度,推荐用vue-video-player,下载,结果发现导入都让我头晕了,一个破css死活没有。

后来发现低版本的才有这个css,直接npm i 下载的是6点几的版本,教程是4点几的,下载4点几的,还是不行,后来想了想,这个都进化到v3了,还贴冷屁股用这玩意干啥呢,换一个得了,

第二个插件:Dplyer,不得不说太香了,对于我这种傻子,一copy就成了,教程也有,配置也不是很难,更改视频地址,曹,不行,一改成后端给的视频就不行。仔细想想不对,教程里的默认视频地址是可以拖动和播放的,难道是视频大小问题,遂找找网上更大的视频地址,30MB大小视频(https://sample-videos.com/video321/mp4/480/big_buck_bunny_480p_30mb.mp4

修改,嗯,居然可以拖进度条?我于是修改了上一个前端写的视频地址,改成这个死值,居然也能拖,就是有点卡卡的,总感觉不对劲啊。

我看不懂调试工具的网络流,看不懂硬看,发现这个视频每次跑的时候,接口是206,但是我们后端的视频是200,

于是向后端大哥反应,让他看看,欲知后事如何,请等下次更新’

——————后续

或许这个问题不需要我操心了?一直没有回复。。。不管了,这下面是我找出来的关于问题的链接,但是我看不懂,好像是后端代码,此文终结。

若有相同问题的前端兄弟,如果成功解决,请评论区和我交流结果,感谢

使用video播放视频不支持进度条拖动问题_video标签为啥一分钟左右的视频可以实现进度条拖动,而长视频不能拖动进度条-优快云博客

异常:谷歌浏览器video标签播放视频不能拖动进度条_谷歌浏览器接触video禁用拖动播放条 csdn-优快云博客

H5通过数据流方式播放视频_h5播放视频流-优快云博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值