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

Я преобразовал файл в три разных формата: mp4, web и ogv. Согласно caniuse firefox якобы поддерживает как ogg, так и webm, но ничего не играет.

Я преобразовал файлы с помощью Miro Converter, согласно другим людям, это должно работать нормально. Я считаю, Chrome забирает файл webm (если я правильно пометил → открыть в новой вкладке, он показывает мне файл webm), что здорово.

URL-адрес сайта: http://dev.fristil.se/hbh/

У меня есть статическое изображение в качестве фона. Видео должно отображаться над ним, поэтому, если оно не перемещается, вы можете сказать, что оно не работает.

Любые идеи?

Ответ 1

Ваш сервер не отправляет правильный тип mime для файла.

Отправляет Content-Type: text/plain

Видео HTML5 может воспроизводиться в Safari, Chrome и IE 9, но не в Firefox или IE 7-8. Если вы исправите проблему типа MIME, она будет воспроизводиться в Firefox.

Если вы используете веб-сервер Apache или некоторую производную от Apache, вы можете использовать директиву AddType на своем сайте httpd.conf или в файле .htaccess в каталоге, где хранятся ваши видеофайлы. (Если вы используете какой-либо другой веб-сервер, обратитесь к документации по серверам о том, как установить HTTP-заголовок Content-Type для определенных типов файлов.)

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

AddType audio/mpeg .mp3
AddType audio/ogg .ogg
AddType audio/mp4 .m4a
AddType audio/wav /wav

У вас есть тот же вопрос: Видеофайл .ogv воспроизводится локально в Firefox, но не с сервера и более подробный ответ: fooobar.com/questions/285345/...

Ответ 2

Ваша проблема связана с сервером. Сервер фактически возвращает text/plain как тип MIME для видео (по крайней мере, для .ogg). Вам нужно будет настроить свою конфигурацию сервера, чтобы вернуть правильный тип MIME, чтобы Firefox мог правильно распознать файл. Это одна и та же проблема, описанная здесь: нет видео с поддерживаемым форматом и MIME-типом. Что это значит и как я могу изменить это (вы просто не видите сообщение, потому что у вас нет опции controls в тэге <video>).

Ответ 3

Сервер передает ресурс http://dev.fristil.se/hbh/wp-content/themes/skal/images/video/bubblybeer.webm с заголовком HTTP Content-Type: text/plain - и, следовательно, Firefox отказывается рассматривать его как что-либо еще.

"Научите" серверу предоставлять такой контент, как video/webm.

(То же самое касается вашего ogv - ваш сервер также говорит, что ресурс будет текстовым, вместо этого должен быть video/ogg.)

Ответ 4

У меня была такая же проблема w/webm, используя проигрыватель HTML5 Flowplayer. Firefox сказал, что "HTML5 Video Not Found". Сначала мне показалось, что у Miro была проблема с кодировкой, и я пробовал несколько разных программ, все с одинаковым результатом. Поэтому я сузил его до неправильного типа MIME на моем сервере, передавая веб-сайт как текстовый/обычный (вы можете использовать веб-инспектор, чтобы это увидеть), или Firefox просто сосать. Некоторое время назад у меня был хостинг-провайдер AddType video/webm.webm, поэтому я не могу быть позитивным. То, что я сделал, просто удалило ссылку webm непосредственно из моего HTML, поняв, что я использовал Flowplayer в прошлом и нуждался только в одном файле mp4. Firefox может использовать mp4. Удалите это:

 <source type="video/webm" src="URL_to_webm.webm" />

Это заставило его работать на все (IE, Chrome, Firefox, iPad, iPhone). Chrome 29 на Mac использует mp4.

Ответ 5

У меня такая же проблема в моем Windows-хостинге. Чтобы решить эту проблему, я включил настройку mime в web.config внутри

<staticContent>
  <mimeMap fileExtension=".webm" mimeType="video/webm" />
</staticContent>