组件——视频
一、组件添加与基础配置
1. 添加与定位
- 打开左侧组件抽屉
- 拖拽「视频」组件至画布目标区域
- 组件默认尺寸 375x200px(添加视频内容后可根据视频比例调节)
二、核心属性详解
1. 内容管理系统
视频来源:
- 本地上传(支持 MP4/WEBM/MOV/AVI/FLV 等格式,大小 ≤100MB)
- 媒体库调用(已分类视频资源)
- 外链地址(支持主流视频平台嵌入链接)
智能转码:自动生成移动端适配格式
2. 封面图设置
- 默认首帧:自动截取视频第 1 秒画面
- 自定义封面:
- 上传静态图片(建议与视频画幅一致)
三、播放控制体系
1. 控制器图标库
图标类型 | 功能说明 |
---|---|
播放/暂停 | 基础播放控制 |
倍速调节 | 0.5x-2.0x变速 |
音量控制 | 静音/音量条 |
全屏切换 | 扩展播放区域 |
2. 交互行为配置
可搭配行为:
- 跳转指定页面
- 放置埋点
四、最佳实践指南
1. 数据埋点建议
关键监测点:
- 视频完播率
- 点击热力图