Видео не воспроизводится на Mozilla Firefox

Question

Вот проблема в моем угловом приложении.

У меня есть видео в папке с активами, и я использую его, как показано ниже:

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

формат видео mp4 with H.264 encoding.

Видео работает в Chrome, Firefox, IE10 + нормально, когда я нажимаю на localhost: 4200.

Однако, когда я развертываю свое приложение на рабочем месте по URL https://mydomain.mycompany.com, видео не воспроизводится на MozillaFirefox .

В другом браузере он работает нормально.

Я получаю ошибку:

Нет видео с поддержкой формата и MIME-типом найдено

и ниже предупреждение в консоли Firefox

HTTP «Content-Type» типа «video / mp4» не поддерживается.Загрузка медиаресурса https://mydomain.mycompany.com/assets/videos/Beacon_Video_V3.mp4 не удалась.

и

Невозможно воспроизвести мультимедиа.Нет декодеров для запрошенных форматов: video / mp4

Я понимаю, что Firefox поддерживает формат видео mp4 with H.264 encoding., поэтому я сделал видео только в этом формате.

Кроме того, видео работает как на локальном хосте, так и во внутренней сети компании при нажатии (https://mydomain.mycompany.com), но не работает в Интернете.

Есть ли необходимость в настройке сервера длябыть готовым?

EDIT1

Мой рабочий сервер Apache Tomcat.

Я также пытался скопировать свое приложение наСервер IIS в другом домене (https://mydomainIIS.mycompany.com), здесь также видео, не работающее в 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>