JQuery видео фоновый плагин

Question

Я тестирую плагин для фонового видео jQuery, и у меня не такое поведение в Firefox, как у демонстрационного сайта.

демо-сайт плагина: http://www.georgepaterson.com/sandbox/jquery-html5-video-background-demo/

видео воспроизводится в Firefox

мой демонстрационный сайт: http://willychataigner.com/2020/georgepaterson-jquery-videobackground-8b3535a/

видео не воспроизводится в Firefox

что я заметил, так это то, что, когда я пробую 3 разных URL формата видео в новом окне

эти 3 видео формата воспроизведения для демо-сайта плагина:

http://www.georgepaterson.com/wp-content/uploads/jquery/jquery-videobackground/video/big-buck-bunny.mp4

http://www.georgepaterson.com/wp-content/uploads/jquery/jquery-videobackground/video/big-buck-bunny.webm

http://www.georgepaterson.com/wp-content/uploads/jquery/jquery-videobackground/video/big-buck-bunny.ogv

но на моем демонстрационном сайте эти 2 видео формата не воспроизводятся. я получаю окно для сохранения видео на моем компьютере

http://www.willychataigner.com/2020/georgepaterson-jquery-videobackground-8b3535a/video/big-buck-bunny.webm

http://www.willychataigner.com/2020/georgepaterson-jquery-videobackground-8b3535a/video/big-buck-bunny.ogv

Я думал, что это может быть проблема с хостингом, но я протестировал на 3 разных хостинг-серверах и одну и ту же проблему!

Может кто-нибудь сказать мне, что не так?

Спасибо и хорошего дня

Answer 1

Скорее всего, ваш тип контента (MIME Type).

Некоторые примеры:

mp2 audio/mpeg
mp3 audio/mpeg
mp4 video/mp4
mpe video/mpeg
mpeg    video/mpeg
mpg video/mpeg
mpga    audio/mpeg

В Apache это находится в файле mime.types . Просто отредактируйте его в текстовом редакторе и сохраните. Для получения дополнительной информации об Apache см .: http://httpd.apache.org/docs/2.4/

В IIS следуйте этим инструкциям: http://technet.microsoft.com/en-us/library/cc725608(v=ws.10).aspx

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

Answer 2

Да, я думаю, что вы правы, и это проблема с вашим сервером.Попробуйте создать файл .htaccess со следующим содержимым:

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

Не уверен, должен ли файл находиться в корневом каталоге или в папке с html-документами, просто попробуйте.

Answer 3

У меня есть еще несколько хороших jQuery-плагинов для фонового видео , которые вы можете использовать для создания полноэкранных видео-фонов.