MacOS/iOS Safari 16.4 HTML5 Video标签偶发无法播放问题求助
Safari 16.4(MacOS/iOS)HTML5 Video偶发无法播放问题
问题现象
在MacOS Safari 16.4及iOS Safari 16.4中出现偶发的HTML5 Video标签视频无法播放问题:
- 覆盖两类场景:带
autoplay(含muted等配套属性)的自动播放视频,以及需手动点击启动的视频 - 常规修复操作无效:刷新页面、清除缓存、完全关闭Safari再重启加载页面均无法解决
- 可复现范围广:最初在大量使用Video标签的自有站点发现,后续无规律地通过刷新、清缓存等操作,也能在其他第三方站点触发相同问题
- 控制台特征:浏览器先尝试获取视频文件的0-1字节,随后请求完整文件但失败
- 排除服务器配置问题:已确认服务器返回正确的206部分内容状态码,但问题仍偶发
- 其他浏览器正常:Chrome、Firefox中无此问题,视频播放完全正常
调试过程
尝试隔离问题,仅保留Video标签后问题仍存在但出现概率降低,测试了两种视频引入写法:
写法1
<video muted autoplay playsinline loop controls> <source src="test.mp4" type="video/mp4"> </video>
写法2
<video muted autoplay playsinline loop controls src="test.mp4"></video>
服务器环境验证
- 自有开发及测试站点部署在可自定义配置的
nginx/1.18.0服务器上,存在该问题 - 将测试环境迁移至不可自定义配置的
Apache/2.4.57服务器后,问题依然存在
疑问
是否有其他开发者遇到过Safari 16.4版本的这个视频播放Bug?
内容的提问来源于stack exchange,提问作者Valentin Alisch
相关产品推荐
相关产品推荐

