我的理解:出现app端视频滚动错误的原因是因为<video/>
组件在非H5端是原生组件,层级高于普通前端组件。首次加载黑屏的问题,我暂时还不知道原因
我的解决方案:获取视频第一帧转成图片展示
1、后端处理
刚开始在网上搜索解决办法都是在将video组件更换为image组件,地址仍写video的地址,在地址后面加上'?x-oss-process=video/snapshot,t_0,f_jpg'
后端给我返回的地址是预览视频地址,我加上这个是没有反应的。我试着用uniapp官网的视频地址,发现加不加这段都可以。
<image :disabled="false" :controls='false' :autoplay='false' :src="item+'?x-oss-process=video/snapshot,t_0,f_jpg'" mode=""></image>
官方视频地址跟我的视频地址的差别就是访问他的会直接下载视频,访问我的只是预览视频。所以我怀疑有这个的原因,跟后端沟通过,他说改成下载地址很麻烦。
最后的解决方法是当我访问视频的链接后面加了'?x-oss-process=video/snapshot,t_0,f_jpg'