Как воспроизвести видео во всех браузерах / устройствах с помощью JW Player?
Я использую JW Player в своем проекте, который содержит много видео в форматах: MP4, FLV, OGV, WMV
Я прочитал документацию по различным форматам, которые поддерживает каждый браузер. Итак, теперь я использую MP4 (Chrome, Safari), FLV(IE,7,8, 9) и WEBM(Mozilla).
jwplayer('container').setup({
height: 309,
width: 549,
levels: [
{ file: "video.mp4" },
{ file: "video.webm" },
{ file: "video.flv" }
],
'modes': [
{type: 'html5'},
{type: 'flash', src: "jwplayer.flash.swf"},
{type: 'download'}
]
});
Мой вопрос, если этот код делает: Проверьте браузер, если поддержка HTML5 или FLASH - > зависит от браузера воспроизводить MP4 (Chrome-Safari) или FLV(IE) или WEBM(Mozilla) автоматически.
Потому что, особенно в mozilla, для первый раз у меня появляется сообщение: "Ошибка загрузки носителя: файл не может быть воспроизведен"
.Затем, когда я нажму 2 или 1 раз, воспроизведите видео.
Может быть, это происходит для порядка файлов?
Обновление
Я изменил свою пантомиму.настройки конф и .htaccess, добавив следующие строки:
Примечание: Я использую .htaccess Drupal в моем проекте Codeigniter
.htaccess:
#
# Apache/PHP/Drupal settings:
#
#For disable gzip
SetEnvIfNoCase Request_URI .(og[gv]|mp4|m4v|webm)$ no-gzip dont-vary
#For add mime types
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
[...]
Мим.conf
#
# If the AddEncoding directives above are commented-out, then you
# probably should define those extensions to indicate media types:
#
AddType application/x-compress .Z
#AddType application/x-gzip .gz .tgz
AddType application/x-bzip2 .bz2
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
Я отключаю сжатие gzip, но проблема сохраняется.. Только мое приложение в iframe facebook проваливается видео webm. MP4 работает нормально.
Обновление 2
Проблема здесь-Twitter Bootstrap. Я использую это для модальных шоу. Перед тем как показать модал с видео, я сохраняю куки в браузере.
Когда я помещаю видео в модальный режим, видео не может воспроизводиться. Когда я нажимаю 2 раза на видео, это видео воспроизводится. Только в Mozilla Firefox; Chrome, IE 7-8-9 работает нормально.
Когда я выкладываю видео из модального. Это пьеса нормально во всех браузер.
Извините за мой английский.
1 ответ:
Поскольку, посмотрев на вашу ссылку, я смог определить, что вы используете JW6 сейчас, а не JW5, вы должны использовать другой код.
Этот код:
jwplayer('container').setup({ height: 309, width: 549, levels: [ { file: "video.mp4" }, { file: "video.webm" }, { file: "video.flv" } ], 'modes': [ {type: 'html5'}, {type: 'flash', src: "jwplayer.flash.swf"}, {type: 'download'} ] });Должно выглядеть так, например:
jwplayer('container').setup({ height: 309, width: 549, playlist: [{ sources: [ { file: "video.mp4" }, { file: "video.webm" }, { file: "video.flv" } ] }] });Это происходит потому, что в jw6 режимы удаляются, HTML5 уже является основным режимом, а "уровни" заменяются "источниками".
Вот миграционный документ - http://www.longtailvideo.com/support/jw-player/28834/migrating-from-jw5-to-jw6
An пример использования нескольких файлов в jw6 приведен здесь - http://www.longtailvideo.com/support/jw-player/29251/mp4-and-webm-formats
Comments