alizar 9 сен 2012 в 17:17

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

1 мин

37K

jQuery*

+25

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

moooV 9 сен 2012 в 17:40

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

gta4kv 9 сен 2012 в 19:26

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

+24

ngreduce 9 сен 2012 в 19:29

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

-4

moooV 9 сен 2012 в 20:39

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

Ноутбук Acer aspire 5610.

ngreduce 9 сен 2012 в 20:40

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

Amadeusck 9 сен 2012 в 21:20

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

ngreduce 9 сен 2012 в 21:24

Да, злой рок.

bevice 9 сен 2012 в 19:30

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

ngreduce 9 сен 2012 в 20:46

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

artishok 9 сен 2012 в 17:52

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

+27

avalak 9 сен 2012 в 21:49

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

artishok 9 сен 2012 в 23:38

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

Evengard 10 сен 2012 в 13:29

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

YuriSerpinsky 10 сен 2012 в 14:13

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

Evengard 10 сен 2012 в 16:34

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

Rome 10 сен 2012 в 02:37

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

rumkin 10 сен 2012 в 12:18

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

iXCray 9 сен 2012 в 18:05

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

bevice 9 сен 2012 в 19:26

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

Alinaki 9 сен 2012 в 18:28

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

anycolor 9 сен 2012 в 22:35

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

-6

quantum 10 сен 2012 в 06:18

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

Alinaki 10 сен 2012 в 09:54

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

quantum 10 сен 2012 в 10:07

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

Alinaki 10 сен 2012 в 11:19

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

quantum 10 сен 2012 в 11:32

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

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

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

mayorovp 9 сен 2012 в 18:31

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

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

arinoki 9 сен 2012 в 19:44

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

sinnus 9 сен 2012 в 18:32

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

youROCK 9 сен 2012 в 23:55

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

asci 10 сен 2012 в 01:58

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

zenden2k 9 сен 2012 в 19:42

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

termi 9 сен 2012 в 19:44

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

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

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

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

P.S.

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

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

docomo 10 сен 2012 в 03:22

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

SVolkov 9 сен 2012 в 21:19

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

Seldon 9 сен 2012 в 22:22

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

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

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

Homakov 9 сен 2012 в 22:28

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

Agent_Smith 9 сен 2012 в 23:21

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

NeonXP 10 сен 2012 в 01:33

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

CeyT 10 сен 2012 в 00:16

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

rekzi 10 сен 2012 в 00:25

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

iFrolov 10 сен 2012 в 12:48

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

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

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