配置と自動非表示
タップで表示し数秒で隠します(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の基準です。
