Как воспроизвести видео во всех браузерах / устройствах с помощью 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 работает нормально.



Когда я выкладываю видео из модального. Это пьеса нормально во всех браузер.



Извините за мой английский.

855   1  

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

    Ничего не найдено.