视频无法在 Mozilla Firefox 上播放

Question

这是我的 Angular 应用程序中的问题。

我的资产文件夹中有视频，如下所示：

<video id="bgVideo" class="bg__video" autoplay loop>
  <source src="./assets/videos/Sample_Vid.mp4" type="video/mp4">
</video>

视频格式为mp4 with H.264 encoding.

当我点击 localhost:4200 时，视频在 chrome、firefox、IE10+ 中工作正常。

但是，当我在生产环境中将应用部署到 URL https://mydomain.mycompany.com 时，视频无法在 Mozilla Firefox 上播放。

在其他浏览器上它工作正常。

我得到的错误是：

找不到支持格式和 MIME 类型的视频

Firefox 控制台中的以下警告

不支持“video/mp4”的HTTP“Content-Type”。媒体负载 资源 https://mydomain.mycompany.com/assets/videos/Beacon_Video_V3.mp4 失败了。

和

无法播放媒体。没有请求格式的解码器：video/mp4

我知道 Firefox 支持视频格式mp4 with H.264 encoding.，所以我只制作了这种格式的视频。

当点击 (https://mydomain.mycompany.com) 时，视频也可以在 localhost 和公司内部网上运行，但不能在互联网上运行。

是否需要做任何服务器配置？

EDIT1

我的生产服务器是 Apache Tomcat。

我还尝试将我的应用程序复制到其他域 (https://mydomainIIS.mycompany.com) 的 IIS 服务器上，这里的视频也无法在 Firefox 中运行。

我需要为 Tomcat 配置一些东西来运行视频吗？

Answer 1

尝试使用此选项可能会起作用，我尝试查找相同格式的视频，但没有找到。

<video controls autoplay  loop id="bgVideo" class="bg__video"
   src=https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4 width="620">
</video>