Фоновое видео на сайте, как лучше сделать?

Question

[Сергей Коноваленко]

Подскажите, пожалуйста, какой наилучший вариант, чтобы сделать фоновое видео для сайта в первом экране? Уже совсем не знаю какой метод использовать

Делал с помощью видео YouTube и плагина jQuery mb.YTPlayer, все работает хорошо, на загрузку сайта не очень влияет, но у клиента на ноутбуке был момент, когда на какое-то время появился список других видео, хотя все параметры для плагина поставил, чтобы скрыть все не нужное.

Плагин Tubular, тоже не наилучше работает, у него моментами появляются какие-то левые видео.

Видео по длительности 20 сек, занимает 19Мб и должно воспроизводится по кругу.
Имеет такие характеристики:

Comments

[Александр]

Лучше без фонового видео

[Сергей Коноваленко]

Александр, но клиент хочет именно с фоновым видео

[Александр]

Сергей Коноваленко, а что будет, когда клиент попросит вас прыгнуть с крыши?

[Сергей Коноваленко]

Александр, мои клиенты такого никогда не просят

Answer 1

[Даниил Сугоняев]

Зачем вам именно ютубовское видео? Можно и его, конечно. Но в данном случае я бы использовал html плеер. Посмотрите, вот тут я размещал ролик на полную ширину. Возможно такой вариант подойдет и вам.

Comments

[joenerv]

Очень долго пытался вставить видео, ничего толком не срабатывало. Ваш вариант сработал на отлично. Спасибо

Answer 2

[#FFFFFF]

я использовала https://github.com/BGStock/jquery-background-video на 2х сайтах и багов не было

Comments

[Сергей Коноваленко]

тоесть напрямую на сервер загрузить видео и подключать тегом <video> с помощью этого плагина. А можете поделиться характеристиками, по которым конвертировали видео для фона (длительность, вес и другие параметры)?

[#FFFFFF]

Сергей Коноваленко, особо досконально не разбиралась, вес - чем меньше - тем лучше (не в ущерб качеству), формата должно быть 2 - mp4 и webm, потому что разные браузеры читают только либо тот, либо другой формат. На мобильниках надо скрывать, потому что автовоспроизведение всё равно ра ботать не будет.