Adseed 使用文档
工作室组件类型与属性

视频组件

视频组件的属性配置与播放控制

视频组件用于在画布上嵌入视频内容,适合产品演示、教学引导、品牌宣传等场景。支持 MP4 格式的视频文件。

组件属性

选中视频组件后,右侧属性面板会显示以下专属属性(通用属性请参考组件概览):

属性说明默认值
视频来源从素材库选择的视频文件
时长视频总时长,上传时由系统自动检测,不可手动修改自动检测
封面图视频未播放时显示的封面图片。如不设置,默认显示视频首帧视频首帧

播放控制

视频组件的播放由事件系统控制。您可以通过事件配置以下播放行为:

播放动作

通过事件触发视频的 播放(play) 动作,可以设置以下参数:

参数说明
自动播放页面加载后是否立即开始播放
循环播放视频播放结束后是否自动重新播放
静音是否以静音模式播放视频

暂停动作

通过事件触发 暂停(pause) 动作,可以在任意时刻暂停视频播放。

播放结束事件

视频播放结束时会触发状态变更事件,您可以利用这个事件来串联后续动作。例如视频播放完毕后自动跳转到下一页、显示互动按钮等。

常见的搭配方式:使用自动事件在页面加载时触发视频播放,再通过状态事件在播放结束后执行下一步操作。

视频优化建议

视频文件通常体积较大,直接影响作品的加载速度和用户体验。请注意以下优化建议:

项目建议
文件大小控制在 10MB 以内
分辨率移动端建议不超过 720p(1280 x 720)
时长尽量保持简短,建议 30 秒以内
编码格式使用 H.264 编码的 MP4 文件,兼容性最佳

文件体积过大的视频会导致加载缓慢,尤其在移动网络环境下。建议使用视频压缩工具优化文件大小后再上传。

使用场景

产品演示

在产品展示页中嵌入演示视频,配合文本说明让用户直观了解产品功能。

教学引导

在引导页中播放教学视频,帮助用户快速理解操作方式。

品牌开屏

在作品首页设置全屏视频自动播放,作为品牌形象展示。播放结束后通过事件自动跳转到主内容页。

注意事项

  • 部分浏览器(尤其是移动端)可能限制视频自动播放,需用户首次交互后才能播放。静音视频通常不受此限制。
  • 建议为视频设置合适的封面图,让用户在视频加载前看到有意义的画面而非空白。
  • 视频组件的位置和大小可以像其他组件一样自由调整,不必局限于全屏播放。

这个页面有帮助吗?

On this page