手机:华为p20,vivo x9 等,以上截图上方是一个video组件,下方是切换视频播放的icon。video设置大致如下代码:
<video
src="{{allVideo[currentIndex].url}}"
show-fullscreen-btn="{{false}}"
enable-progress-gesture="{{false}}"
show-center-play-btn="{{true}}"
show-progress="{{false}}"
custom-cache="{{false}}"
autoplay="{{true}}"
objectFit="cover"
binderror="handlePlayErr"
poster="{{allVideo[currentIndex].view}}"
></video>
其中:allVideo是所有视频组成的数组,currentIndex是当前选中的视频索引。
这里主要的bug是,切换播放资源的时候会闪现上一个视频的poster,然后再出现当前视频的poster,看起来像是更换video的poster有延迟导致的。
请问是什么原因导致的这个影响用户体验的现象?该如何解决?
可以使用骨架屏做展示,等视频加载完成后进行替换。
这不是BUG,这需要你自己处理,反正我已经做出来了
求问这个需要怎么处理?
我们做的类似抖音,滑动一个,下一个出现,但是这时候视频还没加载好,也就是会出现闪动的情况,可以用封面盖住,等到视频加载好在隐藏封面,太具体不便透露
我们也是要做一个类似的~好多坑,
你们一个页面就一个video组件吗?不是可以放三个么?
肯定能少放就少放啊,放三个,性能稍差一点的机子根本用不了
坑一般,没有想象的多,毕竟我们的video是同层渲染,太低的就不要了
麻烦提供下代码片段:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html