微信小程序: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,在列表中显示视频元素,点击后再进行播放操作,减少页面卡顿