Блог Дмитрия Дисмов

Интересные новости о моих разработках и увлечениях.

Фоновое видео на адаптивной странице (Landing Page)

Фоновое видео на адаптивной странице (Landing Page)

​Какой бы ни была простенькой ваша страница, 

фоновое видео может кардинально изменить её внешний вид 

и сделать более привлекательной для посетителей.

А если у вас всё изменяется в зависимости от размеров экрана, 

это делает страницу более ценной. 

Хотите узнать как это сделать быстро и просто?

И в этом посте я добавил видеоурок, в котором мы разберём:

  1. как создать Landing Page за 5 минут,
  2. как добавить фоновое видео (video background),
  3. как сделать адаптивную страницу более привлекательной на мобильных устройствах, за счёт пустых блоков с отступами.
  4. как натянуть фоновую картинку на видео.

В основных настройках строк есть поле URL фонового видео. В него можно прописать url видео с Youtube и url видеофайла на вашем сервере (.mp4 или .ogv),

также вы можете в поле "фоновое изображение" добавить прозрачную картинку, которая наложится на видео.

Прилагаю обещанное видео:


На этом всё.

Желаю вам удачи.

С вами был Дмитрий Дисмов. 

До скорой встречи.

Background image и другие настройки основного конт...
Анимация joomla. Как анимировать элементы страницы...

Читайте также:

Комментарии

 
Еще нет комментариев