Question

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

我无法使事情正常运作。这是我的HTML视频元素：

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

不能做得更容易吧？

当我第一次访问我的webapp时，在我加载的第一条路线上（路线1或路线2，我都试过），所有缓存都干净，我的视频没有封面。当我点击播放时：

OR

如果我导航到其他路线，则单击播放时视频无法播放。如果我刷新我的页面，同样的动作会产生相同的结果。

我尝试使用只有相同视频标记的基本HTML页面。我的视频按预期播放。在第一次访问时，当我刷新。所以，我假设我没有字节范围请求问题。

它在所有其他测试平台（Safari / Chrome macOS，Chrome iOS，Chrome Android）中按预期工作。

在带有iOS 11.3的iPad Mini 4上遇到了问题。

我通过HTML5视频阅读了很多关于Safari iOS问题的内容。我试图应用几个修复但没有成功，但无论如何，帖子readed并没有真正完全相同的问题：在他们的情况下，视频根本没有播放。

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