工作室组件类型与属性
视频组件
视频组件的属性配置与播放控制
视频组件用于在画布上嵌入视频内容,适合产品演示、教学引导、品牌宣传等场景。支持 MP4 格式的视频文件。
组件属性
选中视频组件后,右侧属性面板会显示以下专属属性(通用属性请参考组件概览):
| 属性 | 说明 | 默认值 |
|---|---|---|
| 视频来源 | 从素材库选择的视频文件 | 无 |
| 时长 | 视频总时长,上传时由系统自动检测,不可手动修改 | 自动检测 |
| 封面图 | 视频未播放时显示的封面图片。如不设置,默认显示视频首帧 | 视频首帧 |
播放控制
视频组件的播放由事件系统控制。您可以通过事件配置以下播放行为:
播放动作
通过事件触发视频的 播放(play) 动作,可以设置以下参数:
| 参数 | 说明 |
|---|---|
| 自动播放 | 页面加载后是否立即开始播放 |
| 循环播放 | 视频播放结束后是否自动重新播放 |
| 静音 | 是否以静音模式播放视频 |
暂停动作
通过事件触发 暂停(pause) 动作,可以在任意时刻暂停视频播放。
播放结束事件
视频播放结束时会触发状态变更事件,您可以利用这个事件来串联后续动作。例如视频播放完毕后自动跳转到下一页、显示互动按钮等。
常见的搭配方式:使用自动事件在页面加载时触发视频播放,再通过状态事件在播放结束后执行下一步操作。
视频优化建议
视频文件通常体积较大,直接影响作品的加载速度和用户体验。请注意以下优化建议:
| 项目 | 建议 |
|---|---|
| 文件大小 | 控制在 10MB 以内 |
| 分辨率 | 移动端建议不超过 720p(1280 x 720) |
| 时长 | 尽量保持简短,建议 30 秒以内 |
| 编码格式 | 使用 H.264 编码的 MP4 文件,兼容性最佳 |
文件体积过大的视频会导致加载缓慢,尤其在移动网络环境下。建议使用视频压缩工具优化文件大小后再上传。
使用场景
产品演示
在产品展示页中嵌入演示视频,配合文本说明让用户直观了解产品功能。
教学引导
在引导页中播放教学视频,帮助用户快速理解操作方式。
品牌开屏
在作品首页设置全屏视频自动播放,作为品牌形象展示。播放结束后通过事件自动跳转到主内容页。
注意事项
- 部分浏览器(尤其是移动端)可能限制视频自动播放,需用户首次交互后才能播放。静音视频通常不受此限制。
- 建议为视频设置合适的封面图,让用户在视频加载前看到有意义的画面而非空白。
- 视频组件的位置和大小可以像其他组件一样自由调整,不必局限于全屏播放。
这个页面有帮助吗?