html - 视频无法在 Mozilla firefox 上播放

Question

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

我的 Assets 文件夹中有视频，使用方式如下:

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

视频格式为 mp4，H.264 编码。

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

但是，当我将我的应用程序部署到 URL https://mydomain.mycompany.com 时，视频无法在 Mozilla Firefox 上播放。

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

我得到的错误是:

No Video with Support Format and MIME type Found

在 firefox 的控制台中出现以下警告

HTTP “Content-Type” of “video/mp4” is not supported. Load of media resource https://mydomain.mycompany.com/assets/videos/Beacon_Video_V3.mp4 failed.

和

Cannot play media. No decoders for requested formats: video/mp4

我知道 firefox 支持视频格式 mp4 和 H.264 编码。 所以我只制作这种格式的视频。

此外，当点击 (https://mydomain.mycompany.com) 时，视频可在本地主机和公司内联网上运行，但在互联网上无法运行。 p>

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

编辑1

我的生产服务器是 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>