HTML5 видео, не играющее в Firefox

Question

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

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

URL на сайте: http://dev.fristil.se/hbh/

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

Любые идеи?

Answer 1

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

Это отправить Content-Type: text/plain

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

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

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 

У вас есть такой же вопрос здесь: Video file .ogv plays locally in Firefox, but not from server и более подробный ответ: https://stackoverflow.com/a/6145629/1081079

Answer 2

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

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

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

Answer 3

Ваша проблема на стороне сервера. Сервер фактически возвращает text/plain в качестве типа MIME для видео (по крайней мере, для .ogg). Вам нужно будет настроить конфигурацию своего сервера, чтобы вернуть правильный тип MIME, чтобы Firefox мог правильно распознать файл. Это одна и та же проблема, описанная здесь: no video with supported format and MIME type found. What does this mean and how can I change this (вы просто не видите сообщение, потому что у вас нет опции controls в вашем теге <video>).

Answer 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.

Answer 5

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

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