HTML5视频无法通过Angular 5和Safari iOS阅读

我有一个角度5应用程序。 我有相同的视频元素（在服务器根目录下10秒的小视频用于测试），在我的路由1和路由2上有相同的源

我不能使事情正常运转。 以下是我的HTML视频元素：

<video width="400" controls>
   <source src="test.mp4" type="video/mp4"> Your browser does not support HTML5 video.
</video>

您的浏览器不支持HTML5视频。

再简单不过了，对吧

当我第一次访问我的webapp时，在我加载的第一条路线上（路线1或路线2，我都尝试了），所有缓存都被清除了，我的视频没有封面。当我单击“播放”时：

• 在最好的情况下，视频播放2秒钟，然后图像冻结，声音被剪切，播放的导引头在视频时间结束时离开。结束屏幕是绿色的

或

• 大多数时候，视频没有播放

如果我导航到其他路线，当我单击“播放”时，视频不会播放。如果我刷新我的页面，相同的操作和相同的结果

我试着使用一个基本的HTML页面和相同的视频标签。我的视频按预期播放。在第一次拜访时，当我刷新时。因此，我假设我没有字节范围请求问题

它在所有其他测试平台（Safari/Chrome macOS、Chrome iOS、Chrome Android）上都能正常工作

这个问题在iOS 11.3的iPadMini4上遇到

我读了很多关于SafariiOS与HTML5视频问题的文章。我尝试了几次修复，但都没有成功，但无论如何，读到的帖子并没有完全相同的问题：在他们的例子中，视频根本没有播放

---

此外，它在Angular之外使用相同的代码，所以我想问题不在于我的视频标签。

这个问题与NG服务人员有关。您可以在Github帖子中找到更多详细信息：