视频Video
内容与数据展示在页面里播放一段带时长和控制的动态内容
也常被叫作视频播放器嵌入视频
视频组件适合演示操作、讲解课程和介绍产品；用户通常在文章、落地页或媒体详情页里看到封面上的播放入口。封面要说明内容和时长，自动播放应克制，并为声音、字幕和加载失败提供明确处理。
▶
用 2 分钟完成项目设置02:18 · 中文字幕容易混淆？这样区分
什么时候用
- 产品操作演示：动态讲清一段流程▶2 分钟产品演示02:18
- 课程和教程：提供时长、字幕和继续观看第 3 课：设置权限08:40 · 中文字幕 · 已看 60%
- 品牌故事：在首屏之后补充情绪和背景▶我们为什么做这款产品
什么时候不用
- 关键说明只放在视频里 → 还要提供文字或字幕关键操作步骤视频下方同时提供文字说明和字幕
- 页面一打开就自动播放带声音🔊页面一打开就突然播放声音
- 没有封面、时长或加载失败提示没有封面、时长，也没有失败提示
组成结构 · Anatomy
▶
产品演示02:18 · 中文字幕1封面和播放入口Poster让用户先判断要不要播放
2标题Title一句话说明会看到什么
3时长与辅助信息Meta显示时长、字幕或进度
常见变体 · Variants
封面卡片Poster card
▶
产品演示列表或文章中作为入口
行内播放器Inline player
❚❚
01:12 / 02:18用户已开始观看时
课程进度Course
▶
第 3 课已看 60%需要继续学习时
典型使用场景
产品演示
▶
用 2 分钟创建第一个项目02:18教程课程
▶
第 3 课：设置权限08:40 · 已看 60%品牌介绍
▶
我们如何做这款产品01:32