2013-02-11 2 views
2

Я подготовил 3 видео форматов для моего сайта:Firefox не будет играть .webm и .ogv видео с HTML5

/assets/video/background-purple.ogg 
/assets/video/background-purple.webm 
/assets/video/background-purple.mp4 

на сайте http://tekhy.net/

< Я использую видео > тег для воспроизведения видео :

<video webkit-playsinline autoplay="autoplay" loop="true" poster="/assets/video/transparent.png"> 
    <source src="/assets/video/background-purple.ogg" type="video/ogg"> 
    <source src="/assets/video/background-purple.mp4" type="video/mp4"> 
    <source src="/assets/video/background-purple.webm" type="video/webm"> 
</video> 

И я выставиться правильно MimeType для моих видео в .htaccess:

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

В Google Chrome и Chromium все работает хорошо, на Firefox Mobile тоже хорошо работает. В Firefox Nightly 21.0a хорошо работает. Но на Firefox 18.0.1 на элементарной ОС Luna это не сработает.

Firebug сообщает мне, что он не может декодировать webm и ogg/ogv media (mp4 не поддерживается Firefox atm).

Я пробовал также с фоном-purple.ogv type = "video/ogv", но проблема остается.

Мой WebM видео:

Google/On2 в VP8 видео (VP80)
Planar 4: 2: 0 YUV

В настоящее время я действительно не идея о том, как решить эту проблему , Любое предложение?

ответ

0

Кажется, я нашел решение:

Я переключил свои О кодек VP8 от до Theora и теперь Firefox может воспроизводить видео правильно.

Я использовал этот код для источника:

<source src="/assets/video/background-purple.ogv" type="video/ogg"> 

MIMETYPE является:

AddType video/ogg .ogv .ogg 

И кодек:

Xiph.org's Theora Video (theo) 

Я предполагаю, что это может работать также. webm, но я его не тестировал.

+0

Существует ошибка (https://bugzilla.mozilla.org/show_bug.cgi?id=868797) в Firefox 20 и ниже, где его не может воспроизводить файлы веб-сайтов с отрицательными отметками времени перед загрузкой всего файла. Исправление состоит в том, чтобы использовать флаг ffmpeg: * -avoid_negative_ts 1 *, как указано на странице с ошибкой. Это сработало для моих веб-файлов, закодированных с помощью Miro Video Converter, и, вероятно, также устранит ваши проблемы. – degenerate

-1

Хром немного глючен с видео HTML5. Сделайте то, что предложил Фес, или просто используйте .mp4 и .webm. WEBM более стабилен в Chrome, и вам нужны только эти два формата для совместимости браузеров. Это также экономит ваше время на видео!

1

Я считаю, что эта проблема связана с ошибкой, заканчивающейся до FF 20, где многие популярные энкодеры веб-сайтов вставляют отрицательные метки времени, а firefox не может воспроизводить видео до тех пор, пока он не загрузит весь файл webm: https://bugzilla.mozilla.org/show_bug.cgi?id=868797

исправление упоминается в комментариях:

FFmpeg -i input.webm -codec копию -avoid_negative_ts 1 выход.WebM

Важный флаг способ кодирования -avoid_negative_ts 1