视频播放组件

视频播放组件用于在微页面中展示品牌介绍、商品演示或活动说明视频，并支持封面、循环和控制栏设置。

添加组件

1. 在页面编辑器中拖入【视频播放】组件；
2. 选择或填写视频资源；
3. 上传清晰的视频封面；
4. 设置高度、裁剪模式和圆角；
5. 按需配置自动播放、循环、静音和控制栏；
6. 保存后在目标终端测试播放。

主要配置

配置项	说明
视频链接	从素材中选择视频或填写可访问的视频地址
视频封面	视频播放前展示的图片
自动播放	页面加载后尝试自动播放
循环播放	播放结束后重新开始
静音播放	默认关闭声音，自动播放时建议开启
显示控制栏	控制用户是否可以暂停、拖动和全屏
填充模式	包含、覆盖或拉伸填充视频区域
视频样式	调整高度和圆角

填充模式

• 包含：完整显示视频，比例不一致时可能留白；
• 覆盖：铺满区域，超出部分会被裁切；
• 填充：强制拉伸到区域尺寸，可能造成画面变形。

使用建议

• 控制视频时长和文件体积，避免影响页面加载；
• 自动播放通常需要静音，并可能受浏览器或小程序策略限制；
• 封面比例应与视频显示区域一致；
• 视频中的重要文字和主体应避开裁剪边缘；
• 发布前分别检查 H5 和小程序的播放、暂停及全屏行为。

常见问题

自动播放没有生效

浏览器和小程序可能限制有声自动播放。请同时开启静音，并将自动播放视为增强体验，不能作为唯一播放方式。

视频区域是空白的

确认视频地址可公开访问、格式受当前终端支持，并配置封面图用于加载前展示。