Как играть видео на всех основных устройств и браузеров, включая Firefox?

голоса
3

Моя цель состоит в том, чтобы иметь видеоплеер на веб-сайте, который поддерживает все основные браузеры.

У меня есть видео, преобразованные в 4 другой формат видео, .ogg, .mp4, .webm и .swf.

На код внизу элемента HTML 5 пытается воспроизвести видео либо mp4, Ogg или форматов WebM. Если это не удается, то код «возвращается», чтобы попытаться объектный элемент и поэтому элемент для вставки, если объект также не удается.

Это, кажется, работает отлично на Chrome, Safari, Ipad / Iphone, Android, но у меня возникают проблемы с Firefox и Internet Explorer. Он показывает мне плакат .jpg на всех браузер, а также следующее сообщение об ошибке на Firefox.

Нет видео с поддерживаемым форматом и типом MIME не найдено.

Может кто - нибудь помочь мне улучшить этот код или снимать несколько идей , чтобы помочь мне играть видео также на Firefox, Internet Explorer и Safari ?

<video width=320 height=240 controls=controls poster=may_28_2012_F6_HQ.jpg>
  <source src=may_28_2012_F6_HQ.ogg type=video/ogg />
  <source src=may_28_2012_F6_HQ.mp4 type=video/mp4 />
  <source src=may_28_2012_F6_HQ.webm type=video/webm />
    <object width=320 height=240 data=may_28_2012_F6_HQ.mp4>
      <embed width=320 height=240 src=may_28_2012_F6_HQ.swf>
          Your browser does not support video
      </embed>
    </object>
</video>
Задан 03/06/2012 в 03:55
источник пользователем
На других языках...                            


3 ответов

голоса
0

Firefox не ошибка Нет видео с поддерживаемым форматом и типом MIME найден. Вы можете решить эту проблему, добавив следующие типы MIME в ваш файл .htaccess

AddType video/mp4 mp4 m4v f4v f4p
AddType video/ogg ogv
AddType video/webm webm
AddType video/x-flv flv
Ответил 10/03/2014 в 13:06
источник пользователем

голоса
0

Может быть использовать этот плеер http://mediaelementjs.com/

Ответил 03/06/2012 в 10:53
источник пользователем

голоса
0

Я думаю, вы должны с помощью Javascript для обнаружения браузера и вставьте соответствующий формат видео.

как с помощью JQuery:

if($.browser.mozilla) {
  // using ogg
}else if($.browser.webkit) {
  // using mp4
}else if($.browser.opera) {
  // as webkit
}else {
  // using flash as player
}
Ответил 03/06/2012 в 04:34
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more