理解一个具体问题
待播放与加载:点击不等于开始
待播放表示尚未开始播放;加载表示正在准备媒体。点击只表达用户意图,界面要等实际播放反馈再显示“正在播放”。
| 学习编号 | LEARN-001 |
|---|---|
| 核心问题 | 待播放与加载:点击不等于开始 |
| 分类 | 待播放与加载 |
| 材料性质 | 本站原创教学卡;案例为非露骨虚构情境,状态文案是设计示例。 |
辨析搜索标签
“在线播放一区”中的分区名称不能代替播放状态。即使按钮带有“一区”或“秒播”字样,也要分清没有媒体、尚未启动和请求处理中;这张卡提供判断方法,不提供播放资源。
判断依据
先问有没有配置媒体,再问是否收到播放请求。没有媒体源是“暂无视频”,不是需要无限等待的加载状态。play() 返回的 Promise 可能拒绝,不能在按钮点击回调中无条件宣告成功。
虚构文案案例
学习视频《纸桥实验》尚未开始:提示“视频已准备,选择播放开始观看”,按钮“播放”。请求未完成时:提示“正在准备视频”,保留取消或返回文字稿的入口;不显示编造的百分比。
核对动作
将“点击 → 正在播放”改为“点击 → 请求中 → 开始 / 被拒绝”。记录拒绝原因再选择文案。没有实际百分比时,仅显示阶段和可操作入口。
适用范围
适合
- 编写播放器提示的产品与内容人员
- 学习媒体状态的网页开发初学者
不适合
- 仅凭页面状态诊断具体网络故障
- 将视频播放完成作为知识掌握证明
继续阅读对应指南
指南
播放状态怎样向用户清楚表达?
先说现在发生了什么,再提供确实能执行的下一步。用媒体反馈更新状态,区分用户暂停、数据等待与失败;没有证据时,不猜原因、进度或恢复时间。
包含 5 个可复现步骤
阅读指南接下来可以看
学习卡片
缓冲与暂停:谁让播放停下
缓冲是数据暂时不足;暂停是当前播放暂停。两者画面都可能静止,但恢复方式不同,提示不能只用一个转圈代替。
- 使用方式
- 阅读与实践
- 内容性质
- 教学材料
学习卡片
不可用与失败:只说明已知原因
没有配置视频、播放请求受限、媒体加载出错是不同问题。提示应写明已知状态,给出真实可用的下一步,未知根因保留未知。
- 使用方式
- 阅读与实践
- 内容性质
- 教学材料
数据透明度
来源与核验状态
- MDN:play() 的成功与拒绝 已核验
- 发布方
- MDN Web Docs
- 访问日期
- 2026-09-11
- 支持字段
- 播放请求返回 Promise,可能因权限或格式被拒绝;不证明点击后立即播放