@alizar9 сен 2012 в 13:17

BigVideo.js: фоновое видео на весь экран

1 мин

38K

jQuery *

+25

Комментарии 47

@moooV 9 сен 2012 в 13:40

Будет бешено тормозить же.
Ютуб в 360р адско тормозит, а фоном, да еще и на js — вообще слайдшоу будет. Смысл?

@gta4kv 9 сен 2012 в 15:26

У вас тормозит Youtube в 360p? Сочувствую! :)

@ngreduce 9 сен 2012 в 15:29

Наверное имеется ввиду в качестве фона.

@moooV 9 сен 2012 в 16:39

Нет, просто видео. Интернет нормальный (100 мбит), но видео тормозит адско во всех браузерах и на обоих осях (w7, gentoo). Оффлайн в VLC нормально тянет 720p, но в браузере даже 360 лагает огого как.

Ноутбук Acer aspire 5610.

@ngreduce 9 сен 2012 в 16:40

Какой браузер?

@Amadeusck 9 сен 2012 в 17:20

Будьте внимательнее.

@ngreduce 9 сен 2012 в 17:24

Да, злой рок.

@bevice 9 сен 2012 в 15:30

А чем js плох? он не отрисовывает каждый кадр, а просто скармливает браузеру видео. Так что если и будет тормозить, то только из-за скорости

@ngreduce 9 сен 2012 в 16:46

«Не читал, но осуждаю», же

@artishok 9 сен 2012 в 13:52

Я проклинаю всех, кто ставит музыку фоном. А тут еще видео…

@avalak 9 сен 2012 в 17:49

В 99.99% случаев соглашусь. Тем не менее иногда видео и музыка к месту. Например RainyMood (звук и видео фоном).

@artishok 9 сен 2012 в 19:38

Это исключение

@Evengard 10 сен 2012 в 09:29

И даже на нём у меня адски тормозит курсор… Что как бы намекает.

@YuriSerpinsky 10 сен 2012 в 10:13

Что как бы намекает обновить/установить драйвер видеокарты

@Evengard 10 сен 2012 в 12:34

Да если бы. Драйвер нормальный, а вот видюха — встроенная (Intel HD Graphics 1000 (GT1)). Обычная офисная машинка.

@Rome 9 сен 2012 в 22:37

Есть видеподкладки без звука.

@rumkin 10 сен 2012 в 08:18

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

@iXCray 9 сен 2012 в 14:05

Явно не хватает прелоадера и картинки-заглушки, ну и кнопки «СТОП!» для пользователей.

@bevice 9 сен 2012 в 15:26

Кнопка «стоп» таки есть — в меню выбрать «показать управление» (только в хроме, мб еще в ff)

@Alinaki 9 сен 2012 в 14:28

Как же хочется взять и уе…

@anycolor 9 сен 2012 в 18:35

это же alizar. В своем стиле.

@quantum 10 сен 2012 в 02:18

Уже второй раз вижу, как саморегулирующееся сообщество яростно плюсует ничем не мотивируемую агрессию, выраженную таким нелицеприятным образом. И это меня удивляет.

@Alinaki 10 сен 2012 в 05:54

Точно ли ничем не мотивированную? Видимо, вы не читали топик. И это не агрессия, это лишь выражение чувств.

@quantum 10 сен 2012 в 06:07

На всякий случай перечитал топик. Да, определенно, ничем не мотивированная.

@Alinaki 10 сен 2012 в 07:19

Криво написанный код, назначение которого раздражать посетителя сайта? Увольте. У меня только одно чувство по отношению к такому коду. Ну и к автору.

@quantum 10 сен 2012 в 07:32

Код плагина я не смотрел, т.к. нет необходимости в таких штуках. Но если каждый раз бить морду за кривой код, то все будем ходить с набитыми мордами. Плюс код выложен на гитхабе, значит, если у вас есть столько энергии, чтобы бить морду автору, вы могли бы просто внести несколько правок, ну или тикет написать и объяснить, где автор не прав.

Ну и про назначение. Сейчас html и js — это не только домашняя страничка Васи Пупкина. На них нередко делаются очень сложные приложения и игры, в которых, возможно, могут понадобится и такие эффекты.

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

@mayorovp 9 сен 2012 в 14:31

Порой единственный способ для меня посмотреть видео онлайн — это нажать play, потом поставить на паузу и дождаться полной загрузки.

Как проделать эту операцию с фоном?

@arinoki 9 сен 2012 в 15:44

Полагаю не использовать vimeo и прочее, а использовать фоновую подгрузку, а вначале показывать картинку (кадр первый).
Но это уже самому написать придётся, хотя и не проблема.

@sinnus 9 сен 2012 в 14:32

На замену флеш банерам. приходят банеры на HTML5! Только хардкор!!! )))

@youROCK 9 сен 2012 в 19:55

Причем сразу на <video>, чтобы жизнь медом не казалась :)

@asci 9 сен 2012 в 21:58

ну не, хорошо хоть не трехменые баннеры на webgl

@zenden2k 9 сен 2012 в 15:42

Девяностые снова в моде?

@termi 9 сен 2012 в 15:44

ОМГ! Простите, но причём тут HTML5 Fullscreen API?

И вообще зачем этот плугин и зачем для такой задачи jQuery? Это делается несколькими строками pure js-кода. Если мы говорим про поддержку HTML5 video, то предполагается что браузер не IE8-. А если этот плугин делает что-то ещё, то вы явно забыли про это написать.

По моему, этот плагин не нужен.

В общем, подписываюсь под комментом Alinaki

P.S.

Поскольку на мобильных устройствах автоматическое воспроизведение видео запрещено… заменять… статическое фоновое изображение:… if (Modernizr.touch) ...

. *баный стыд. А что тогда делает плугин?
P.S.S. Плугин вроде бы детектит поддержку форматов видео и, вроде бы есть fallback на flash, но всё равно в браузерах без поддержки определённого формата видео (в данном случае mp4) мы видим простой чёрный вон.

@docomo 9 сен 2012 в 23:22

Более того, Modernizr.touch это не определение мобильного браузера, а возврат (не всегда точный) флага поддержки тач-жестов на устройстве/браузере. Плагин жесть, конечно. Три строки Vanilla JS, но кому он сейчас нужен — не модно…

@SVolkov 9 сен 2012 в 17:19

Это сравнимо со знаменитыми кубиками Compizа, вах! — но не более… я с трудом вчитывался в текст :)

@Seldon 9 сен 2012 в 18:22

Плюсую уважаемому Alinaki!
jQ ну ладно допустим, скрипя сердцем он щас почти везде, но простите тянуть jQuery UI и jQuery imagesloaded ??? автор не знает js совсем? и лезет что-то писать?
А вот так выглядит ваш сайт когджа жму скачать!

А вообще я еще года 4 назад делал такое только не нативным видео о флешкой в бекграунде растянутой на весь экран и кстати было олично.

Дорабатывайте плагин и избавьтесь от jQ и тонны плагинов они тут не нужны

@Homakov 9 сен 2012 в 18:28

пользуясь случаем — есть расширение для хрома чтобы тупо выключить звук в нем? А то в 1 из 100 вкладок какой нибудь Покер чувак начнет затирать про 100 долларов в день… ищи его через дерби

@Agent_Smith 9 сен 2012 в 19:21

Flash Block в большинстве случаев решает эту, и не только эту проблему.

@NeonXP 9 сен 2012 в 21:33

Причем это даже не плагин, а встроенный в хром функционал. Искать в «настройки»-> «содержимое»

@CeyT 9 сен 2012 в 20:16

За всё время видел только одно полезное усовершенствование, связанное с <video> — превьюшки на capped.tv. (Обычное встраивание видеоплеера в расчёт не берём.)

@rekzi 9 сен 2012 в 20:25

Еще бы хорошо проверку скорости соединения написать какую-то, от которой бы зависело, что показывать и в каком качестве: видео или картинку. Также, однозначно, пользователя надо предупреждать о фоновой загрузке. Например, можно сделать анимированную favicon.

@iFrolov 10 сен 2012 в 08:48

Когда-то давно это решалось 1 строчкой:

<img dynsrc="movie.mpg" style="position:absolute;top:0px;left:0px;width:100%;height:100%">

С тех пор прошли годы, появились новые стандарты и кодеки. Казалось бы, прогресс идет вперед, но теперь для такой мелочи нужно уже подключать сторонние библиотеки.