布局与自动隐藏
点击显示、数秒隐藏（Apple, n.d.），遵守触控目标（Parhi et al., 2006），提供双击与缩略图（Kim et al., 2014）。
快速起播与自动播放
延迟导致流失（Krishnan & Sitaraman, 2013），静音起播（Chrome for Developers, n.d.；MDN, n.d.）。
全屏与字幕
控件放在安全区域内，避免与手势导航冲突，提供字幕与暂停（WCAG 2.2）。
常见问题
- 能自动播放吗？
- 静音开始即可。
- 何时隐藏控件？
- 播放中数秒无操作时。
来源核查日期：2026-10-27
参考文献
- Apple. (n.d.). Playing video. Human Interface Guidelines. 系统播放器控件。
- MDN Web Docs. (n.d.). <video>: The Video Embed element. playsinline与字幕轨。
- Chrome for Developers. (n.d.). Autoplay policy in Chrome. 自动播放政策。
- Kim, J., Guo, P. J., Seaton, D. T., Mitros, P., Gajos, K. Z., & Miller, R. C. (2014). Understanding in-video dropouts and interaction peaks in online lecture videos. In Proceedings of the First ACM Conference on Learning @ Scale (pp. 31–40). ACM. 观众跳转与离开点。
- Krishnan, S. S., & Sitaraman, R. K. (2013). Video stream quality impacts viewer behavior: Inferring causality using quasi-experimental designs. IEEE/ACM Transactions on Networking, 21(6), 2001–2014. 启动延迟导致放弃。
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. 控件尺寸。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 1.2.2、1.4.2、2.2.2标准。