В какой программе или с помощью каких технологий можно сделать «живой» фон сайта как на примере?

Question

[leks325]

Нужно на заднем фоне запустить ролик как на примере....
special.habrahabr.ru/airbnb
Можно ли сконвертировать какой-либо видеофайл в файл подходящий для такой фоновой живой "подложки" для сайта?
С чего начать изучение?

Answer 1

[Alexander Mischuk]

vodkabears.github.io/vide

Answer 2

[Назар Мокринский]

Начать с тэга <video>, продолжить позиционированием элементов на странице, завершить конвертацией видео в mp4 (h246) и webm (можно взять ffmpeg или avconv для этого - быстро и просто).

Answer 3

[Сергей]

Гуглите тег video для html5:

<video autoplay="" loop="" poster="img.jpg" id="bgvid">
<source src="homepage.webm" type="video/webm">
<source src="shutterstock_v3702740_4.m4v" type="video/mp4">
</video>

Форматы соответственно могут быть webm, mp4, flv, может какие еще, я не фронтэндщик.

Comments

[Евгений Петров]

А flv зачем?) Ну и autoplay вместе с loop — одиночные атрибуты. И id ещё зачем-то...