在小程序中，当video列表超过3个时，使用image展示封面并结合点击事件实现与video的切换。通过设置video的poster属性显示封面图片，同一点击事件处理函数处理不同视频的点击，存储点击的视频ID以在后台切换视频元素。这种方法提高了列表加载性能。
在小程序中如果video为列表形式,且列表大于3,则使用image和vido替换使用,具体操作步骤为
1:在video标签中设置属性 poster="{{封面图片路径}}",作为视频的第一帧播放画面(实际第一帧播放画面不一定相同),然后在video和image标签中设置一个点击事件(回调函数相同),再设置一个id属性值为视频的唯一id,当我们点击之后,触发回调函数,我们就知道点击的是哪个视频,然后在data中把点击的视频id存储起来,在渲染页面,通过if else切换image和video标签.
示例代码:
556
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
