无论HTML标记如何，在Chrome而非Safari中找到/工作的视频文件

Question

在WordPress网站上，视频背景正在Chrome中加载/播放，而非Safari。经过进一步检查，视频文件似乎甚至无法在野生动物园中加载/工作，例如：

此链接（https://fightthenewdrug.org/wp-content/themes/salient-child/video/About_Intro_Video.mp4）会在Chrome中为我加载视频，但不会为Safari加载视频。相同的视频文件，不同的浏览器。在Safari中，我得到一个带有斜线的播放按钮：

完全相同的视频文件已上传到我的开发网站（https://dev.ftnd.org/wp-content/themes/salient-child/video/About_Intro_Video.mp4），该网站托管在同一主机帐户上，可在Safari和Chrome中使用 。

我让开发网站上的所有内容都工作，并且在尝试推送网站时，文件无法从主站点工作/访问。

Answer 1

我遇到了同样的问题，事实证明是因为我们正在使用Service worker。

Safari首先发送一个针对视频标签的字节范围请求，该请求需要206响应。但是，如果您使用Service worker，则响应会返回200，并且Safari似乎不知道如何处理。 我们的解决方案是排除在Safari中使用Service Worker。

我们是通过使用Macbook上Safari调试器的“网络”标签来解决此问题的，以解决我们在iPad上看到的问题。随附屏幕截图，供比较/参考。左侧选项卡显示默认情况下呼叫的外观。右侧标签显示了使用Service Worker时将看到的内容。