Video.js在iOS 17.4版本中的HLS加密视频播放问题分析

问题背景

近期在Video.js社区中，多位开发者报告了一个关键问题：使用Video.js播放HLS加密视频时，在iOS 17.4及以上版本的设备上出现了播放失败的情况。这个问题影响了包括iPhone和iPad在内的多种iOS设备，且同时出现在Safari和Chrome浏览器中。

问题现象

受影响的应用表现为视频持续处于"加载"状态而无法正常播放。开发者尝试升级到Video.js 8.10.0版本，但问题依然存在。值得注意的是，相同的视频内容在其他操作系统和设备上播放完全正常。

技术分析

经过开发者社区的深入调查，发现问题根源在于iOS 17.4版本的WebKit引擎中。具体表现为：

1. 当HLS流使用数据URI(data URI)形式的加密密钥时，iOS 17.4的媒体解码器会出现异常
2. 加密密钥通过内联方式(如EXT-X-KEY标签中的URI属性)指定时，系统无法正确处理
3. 问题特别容易在跨域请求加密视频片段时出现

解决方案

开发者社区通过多种方式验证了以下解决方案：

1. 密钥URL替换方案：将加密密钥从内联数据URI改为通过HTTPS协议提供的独立文件URL。这种方法被证实可以有效规避iOS 17.4的解码问题。

2. 系统升级方案：iOS 17.5版本(构建号21F62)已经包含了针对此问题的修复。WebKit团队的成员确认该版本解决了相关的解码异常。

最佳实践建议

基于此次事件，对于使用Video.js开发视频播放应用的开发者，建议：

1. 对于加密HLS流，优先使用HTTPS协议提供密钥文件，而非数据URI
2. 在应用文档中明确标注最低支持的iOS版本要求
3. 考虑为不同版本的iOS设备实现差异化的视频加载策略
4. 保持Video.js及其相关插件(如http streaming)的及时更新

结论

此次事件再次证明了移动端视频播放开发的复杂性，特别是在加密内容处理方面。通过开发者社区的协作和WebKit团队的快速响应，问题得到了有效解决。这也提醒开发者需要密切关注各平台浏览器引擎的更新动态，及时调整应用实现方案。