Каким способом лучше разместить видео в качестве фона сайта?

Question

[Павел]

Хочу разместить на сайте видео в качестве фона, но только для одного блока, а не для всего сайта. Каким способом лучше это реализовать? Как оптимизировать видео, чтобы оно не грузило слишком сайт?

Answer 1

[HamSter]

На 1 блок к примеру вот так
+ есть уйма плагинов для вставки видео на фон!
А вот сжатие, это уже в гугл!

Comments

[Павел]

Хорошо. Попробую сначала без плагинов по вашему примеру. Спасибо!

Answer 2

[xmoonlight]

Я бы не стал бы вставлять видео на фон сайта - это сильно тормозит загрузку и работу с ним.
Но раз уж хотите, тогда:
1. DIV-слой с HTML5-video c z-index: -1;
2. включите обязательно кэширование на год (желательно) на стороне сервера на это видео.
3. запускайте видео сразу, как пройдёт буферизация 1-го куска
4. ставьте видео на паузу, когда пользователь кликает в поля ввода формы, переходит по ссылке или выполняется скроллинг страницы
5. ставьте на паузу, когда видимая часть видео в окне <30%
6. загружайте видео синхронно
7. пока видео недоступно - показывайте картинку-фон в этом div-е

Comments

[Павел]

Спасибо! Вот такого ответа я и ждал весь день ;)

[xmoonlight]

Павел: :)
PS: если что - приглашаю в свой блог Sitecoder. Возможно, почерпнёте еще более интересную информацию для себя.

Answer 3

[Максим Тимофеев]

1. В html нет элемента "видеофон", Вы видимо како-то конкретный скрипт имеете в виду. Либо дайте ссылку, либо Вам на форум оракулов.
2. В чем проблема сделать два блока, в один из которых вставить "видеофон", "карусель" или что-либо еще?

<div style="width:50%;">что-то</div><div style="width:50%;">код видеофона</div>

Comments

[Алексей]

Наверное не "видеофон", а "видео фон" :)

[HamSter]

Алексей: видео На фон =))))

[Максим Тимофеев]

HamSter: Все равно не понимаю в чем проблема?

[HamSter]

Максим Тимофеев: как я поняла, вопрос "как сжать видео?" , иначе проблем нет, хоть для блока, хоть для нескольких блоков, не суть ... как по мне

[Павел]

HamSter: я просто не знаю, может лучше залить видео на Ютуб и затем подключить какой-нибудь скрипт? Мне нужно, чтобы это видео на фоне грузило по минимуму сайт

[Павел]

Максим Тимофеев: проблема в том, что я не знаю каким способом лучше это сделать: залить видео на Ютуб и затем через скрипты подключать либо просто через тег video и загружать на хостинг? Какой из этих вариантов лучше? Видео для фона хочу подключить только для десптопов, т.е. через медиазапросы

[Максим Тимофеев]

Павел: www.w3schools.com/HTML/html5_video.asp

[Павел]

Максим Тимофеев: да уж с html5 разберусь

Answer 4

[Павел]

Я имел в виду, как поставить видео на фон сайта, но только не на весь сайт, а только на один блок

Answer 5

[andwin]

Сделай гифку и поставь как обычно