接手了一个项目处理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标签为啥一分钟左右的视频可以实现进度条拖动,而长视频不能拖动进度条-优快云博客