Skip to main content

组件——视频

一、组件添加与基础配置

1. 添加与定位

  • 打开左侧组件抽屉
  • 拖拽「视频」组件至画布目标区域
  • 组件默认尺寸 375x200px(添加视频内容后可根据视频比例调节)

二、核心属性详解

1. 内容管理系统

视频来源

  • 本地上传(支持 MP4/WEBM/MOV/AVI/FLV 等格式,大小 ≤100MB)
  • 媒体库调用(已分类视频资源)
  • 外链地址(支持主流视频平台嵌入链接)

智能转码:自动生成移动端适配格式

2. 封面图设置

  • 默认首帧:自动截取视频第 1 秒画面
  • 自定义封面:
    • 上传静态图片(建议与视频画幅一致)

三、播放控制体系

1. 控制器图标库

Docusaurus logo

图标类型功能说明
播放/暂停基础播放控制
倍速调节0.5x-2.0x变速
音量控制静音/音量条
全屏切换扩展播放区域

2. 交互行为配置

可搭配行为:

  • 跳转指定页面
  • 放置埋点

四、最佳实践指南

1. 数据埋点建议

关键监测点

  • 视频完播率
  • 点击热力图