IOS 15上的Safari内联视频播放问题

问题描述

包含video元素且src属性设置为包含视频文件的数据URI的网页不能在iOS 15上的Safari中播放视频。

使用Safari Dev Tools检查设备/模拟器时，会发现浏览器重复发出带有Range: bytes N-M头的请求，多次读取整个视频文件，导致大量内存消耗，最终无法启动播放。

如果视频足够小并成功启动，则播放速度会很慢，甚至需要很长时间才能启动。

是否有解决此问题的方法？

附注：将视频保留在数据URI中是我正在尝试解决的任务所固有的，因此请不要建议将视频文件作为单独的资源：)

推荐答案

跟踪此问题的Web工具包错误在此处(查看用户名，我怀疑您在那里也报告了此问题)： https://bugs.webkit.org/show_bug.cgi?id=232076

我们使用的解决方法是使用服务工作者通过普通URL交付视频数据，即使数据仍然是直接从Java脚本提供的。我在WebKit Bug上为服务工作者端发布了一些示例代码。

服务工作者确实需要作为单独的资源托管，并且具有相同的HTTPS来源，所以我知道这不会是每个用例(包括您的Anton)的解决方案。