视频没有在Mozilla Firefox上播放

时间:2018-05-17 04:02:10

标签: html5 angular firefox video

以下是我的角度应用中的问题。

我的资源文件夹中有视频,使用如下所示:

<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 +中工作正常。

但是,当我将我的应用在制作中部署到网址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配置一些内容来运行视频?

1 个答案:

答案 0 :(得分: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>