移动端视频挑战
移动设备播放视频面临独特的挑战：有限的屏幕尺寸、变化的电池状态、不稳定的网络连接、以及各平台的浏览器限制。优化移动端视频体验需要综合考虑这些因素。
关键技术点
- playsinline 属性
在 iOS Safari 中防止视频自动全屏播放，实现内联播放。 - webkit-playsinline
iOS 旧版浏览器兼容写法。 - preload="metadata"
只加载视频元数据，节省流量和电量。 - muted 静音播放
静音视频可以自动播放，是提升首屏体验的关键。
自适应码率
移动端网络波动大，自适应码率（ABR）至关重要。HLS 和 DASH 协议原生支持多码率切换，播放器会根据当前带宽自动选择最合适的画质。
首屏优化
- 使用 poster 图片作为封面，减少等待感知时间
- 选择关键帧间隔小的视频源，加快首帧渲染
- 使用 CDN 加速，减少 DNS 解析时间
- 预加载视频元数据，提前解析播放列表
省电优化
视频播放是耗电大户，优化建议：
- 避免使用软件解码，优先硬件加速
- 适当降低码率，减少 CPU 负担
- 监听页面可见性，页面隐藏时暂停播放
- 控制屏幕亮度（可通过 CSS 或 JavaScript 调整）
📋 iOS 特殊考虑：iOS Safari 有严格的自动播放策略，只有 muted 的视频才能自动播放。iOS 10+ 还要求 playsinline 属性才能内联播放。