视频Video
你可能会说
我想在页面里放个视频，用户点一下就能看。
视频是可在页面中播放、包含连续画面和时间进度的媒体内容产品操作演示或课程讲解可通过视频呈现动态步骤，例如“用 2 分钟创建项目”。封面应说明内容和时长，并提供字幕、声音控制和加载失败提示；关键说明不能只留在视频里。
也常被叫作视频播放器嵌入视频
容易混淆？这样区分
什么时候用
- 产品操作演示：展示一段动态流程▶2 分钟产品演示02:18
- 课程和教程：提供时长、字幕和继续观看入口第 3 课：设置权限08:40 · 中文字幕 · 已看 60%
- 品牌故事：在首屏后补充背景与情绪▶我们为什么做这款产品
什么时候不用
- 关键说明只放在视频中：同时提供文字说明或字幕关键操作步骤视频下方同时提供文字说明和字幕
- 页面打开时自动播放带声音的视频🔊页面一打开就突然播放声音
- 缺少封面、时长或加载失败提示
组成结构 · Anatomy
▶
产品演示02:18 · 中文字幕让用户先判断是否播放
简要说明视频内容
显示时长、字幕或观看进度
常见变体 · Variants
封面卡片Poster card
▶
产品演示作为列表或文章中的播放入口
行内播放器Inline player
❚❚
01:12 / 02:18用户已开始观看时
课程进度Course
▶
第 3 课已看 60%需要继续学习时
典型使用场景
产品演示
▶
用 2 分钟创建第一个项目02:18教程课程
▶
第 3 课：设置权限08:40 · 已看 60%品牌介绍
▶
我们如何做这款产品01:32延伸阅读 · 权威出处