视频无法在Safari和iOS上运行

Posted 2021-05-02

我面临的问题是我的html5示例视频无法在OSX上的Safari 11中加载，但与Chrome和Firefox完全兼容。此外，该视频通常不适用于ios（Safari和Chrome）。

这是HTML：

<video id="VideoElement" width="200" height="160" muted controls src="/static/media/fitness/theraband1.mp4"  type="video/mp4"></video>

然而，我不认为HTML是问题，因为我甚至无法通过直接链接访问该文件来访问Safari上的视频。如果你想自己尝试，这里是链接：Placeholder video

该应用程序在Python 3和Django 2中编程。视频既不能使用pythonanywhere页面加载，也不能通过我的本地Django开发服务器加载。

我已经搜索过Stack Overflow，但是无法找到解决方案（例如问题HTML5 Video tag not working in Safari , iPhone and iPad 主要关注HTML和视频格式，我觉得这里很好）。

答案

我终于可以解决这个问题了（虽然这种方式非常不优雅）。我没有链接到pythonanywhere上的文件，而是使用github作为主机，它可以工作：

不起作用：

<video id="VideoElement" width="200" height="160" controls muted src="http://USER.pythonanywhere.com/static/video.mp4"  type="video/mp4"></video>

作品：

<video id="VideoElement" width="200" height="160" controls muted src="https://github.com/USER/mysite/blob/master/static/video.mp4?raw=true"  type="video/mp4"></video>

我使用完全相同的文件，甚至是同一个github存储库，我将它拉到pythonanywhere。一个可能的答案可能是pythonanywhere不支持HTTP字节范围请求（？）......好吧无论如何，它现在有效......