HTML5 видео не поддерживается на моем Firefox, но работает в другом месте

Question

Я использую HTML5 <video> тег с видео MP4 в моем проекте. Когда я тестировал его, он работает только в Chrome, но не в Firefox или IE. Когда я пробовал ноутбуки моих друзей, только у одного из пяти была такая же проблема, как у меня, для всех остальных видео хорошо работает в Chrome, Firefox и IE. Интересно, что это вызывает такое поведение. Это Firefox 46.0.1 на всех компьютерах. Вот мой код HTML:

<video id="video1" width="100%" height="auto" controls> 
    <source src="the-mountain.MP4" type="video/mp4"> 
</video> 

Как решить эту проблему? Проект должен быть совместим с, по меньшей мере, Chrome, Firefox и IE> 9.

Answer 1

Кодеки, используемые в контейнерах MP4, H.264 (видео) и AAC (аудио), защищены патентами, поэтому mozilla решила не реализовывать эти кодеки в самом Firefox, а полагаться на support from the OS or device hardware. В случае H264 существует также OpenH264 plugin, который Firefox может установить сам.

Вы упоминали в комментариях, что вы используете Windows 10 Pro N, так the Windows version that comes without the codecs Firefox обычно используют на Windows. Следовательно, нет воспроизведения. OpenH264 может позволить вам воспроизводить файлы H.264 в файлах MP4, но вам все равно не хватает AAC-декодера для аудио.

The Knowledge base article также ссылки на скачивание, которые позволят вам сделать ваше издание N Edition «полным», однако это только исправит проблему для вас, но не для других пользователей Windows N Edition в Firefox.

Для поддержки таких пользователей вам необходимо предоставить версию интернет-версии (далее <source>).

Answer 2

Вы можете проверить, если вы видео в поддержку использования caniuse http://caniuse.com/#feat=video и subfeature вы можете проверить

http://caniuse.com/#feat=webm,

http://caniuse.com/#feat=mpeg4 ,

http://caniuse.com/#feat=ogv,

http://caniuse.com/#feat=webvtt

Для MP4 версия поддерживается от FF45 с этой спецификацией

Firefox поддерживает H.264 на Windows 7, а затем, начиная с версии 21. Firefox поддерживает H.264 на Linux, начиная с версии 26, если соответствующая GStreamer плагины установлены.

Частичная поддержка старых версий Firefox относится к отсутствию поддержки в OS X & некоторых не-Android-платформах Linux.

И только небольшая форма предложение FF использование док Try пикселей по ширине и высоте https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

высота

Высота области отображения видео, это в CSS пикселей. width

Ширина области отображения видео в пикселях CSS.

Answer 3

Проблема в том, что MPEG не является бесплатным форматом.

Microsoft, Apple и Google имеют лицензию, позволяющую им поддерживать формат в своих браузерах. Однако Firefox является проектом с открытым исходным кодом и не оплачивает MPEG LA. Таким образом, поддержка MPEG-видео зависит от наличия сторонних декодеров. (Source)

Установка может решить эту проблему.