Воспроизведение файлов MP4 в Firefox с использованием видео HTML5

Я искал вокруг совсем немного, но не решил свою проблему.

У меня есть тег video, который работает следующим образом:

<video 
  class="ne" 
  src="{{ page | video_url }}" 
  muted="true" 
  volume="0"  
  controls 
  width="720" 
  height="480" 
  poster="{{ page | video_poster_image_url }}" 
  type="video/mp4">
</video>

Я использую Jekyll для URL-адресов. Они отлично работают.

Сайт находится в режиме switzerlandllc.com. Нажмите любое видео в FF, и оно отобразит изображение и X. Chrome и другие браузеры работают нормально.

Если вы захватываете источник видео и загружаете его на новую вкладку, он отлично работает. По крайней мере, это для меня.

Я добавил:

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

в мой htaccess файл. Я подозреваю, что мне не нужны .ogv или .webm.

Я не понимаю, почему загрузка видеоролика будет воспроизводить видео, но загрузка видео в тег видео не удалась.

Любые идеи?

Ответ 1

Это связано с ограниченной поддержкой формата MP4 в теге видео в Firefox. Поддержка не была добавлена до Firefox 21, и она по-прежнему ограничена Windows 7 и выше. Основная причина ограниченной поддержки связана с гонораром роялти, прилагаемым к формату mp4.

Отъезд Поддерживаемые медиаформаты и Медиаформаты, поддерживаемые аудио и видео элементов непосредственно из команды Mozilla или следующего сообщения в блоге для получения дополнительной информации:

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

Ответ 2

Я могу подтвердить, что mp4 просто не будет работать в теге видео. Независимо от того, насколько вы пытаетесь испортить тег типа, кодек и типы mime с сервера.

Сумасшедший, потому что для того же точного видео на той же тестовой странице старый тег embed для mp4 отлично работает в firefox. Вчера я провел весь день с этим. Firefox походит на IE внезапно, часы и часы, а не оплачивается. Yay.

Говоря об IE, он не справляется с этим. Когда он не может соответствовать формату, он попадает на контент между тегами, поэтому можно просто поместить видео вокруг объекта вокруг вставки, и все отлично работает. Firefox, нет, несмотря на неудачу, он помещает изображение плаката (серое, что даже не полезно в качестве резервного) с сообщением об ошибке в середине. Итак, теперь параметры помещаются в код распознавания браузера (что означает, что мы ничего не получили при встраивании видео за последние десять лет) или канаве html5.