微信小程序:video标签默认显示视频的第一帧作为封面
<video
src="video_url"
controls="{{false}}"
initial-time='0.01'
muted
autoplay
object-fit="cover"></video>
参数
src 资源地址
controls: 显示播放控件
initial-time: 指定视频初始播放位置,设置为大于0的值,就会自动加载视频
autoplay: 自动播放视频, 如果不设置自动播放,会出现视频时长和播放按钮
muted: 设置静音播放
object-fit 视频大小与 video 容器 cover覆盖/contain包含
注意:
- 不建议在列表中直接使用video标签,页面中加载多个视频会很卡
- 建议使用 封面图+播放小icon,在列表中显示视频元素,点击后再进行播放操作,减少页面卡顿