Сверстать 1 экран с видеофоном. Фоновое видео, 2 заголовка и кнопка
Задание закрыто
Стоимость:
500 рублей
Срок выполнения:
3 дня
Варианты оплаты:
По договоренности
Дата публикации:
2017-11-29 18:54
Был на сайте:
2020-05-28 19:39
Реклама
Сверстать 1 экран с видеофоном. Фоновое видео, 2 заголовка и кнопка
Задача
Нужно сверстать 1 экран.
В данный момент все уже сделано на платформе контруирования одноэкранных лендингов, поэтому ЕСТЬ ГОТОВЫЙ ПРИМЕР.
Нужно посмотреть как там сделано, и сделать точно так же, с теми же шрифтами и отступами.
Справа Сбоку текстовый блок: Заголовок, подзаголовок,
Ниже видео ролик (это плеер youtube, видео хранится на youtube)
ниже кнопка. (уходит на другую страницу)
На фоне видео - https://youtu.be/B2tO6JYp0KY (растянуто на весь экран). фоновое видео будет храниться на хостинге, воспроизводиться должно 1080p. Крутиться по кругу. растянуто будет на весь экран.
поверх видеофона наложить сетку
.video-pattern {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: url(/img/video-pattern.png);
opacity: 1;
}
(сетка 3на3 пикселя, по центру черный, по бокам белые) для того, чтобы скрыть низкое качество видео в случае выбора 720p,
Сделать прелоадер (который секунды 3 потянет время, дать время подгрузиться видео на фоне) ...
Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Заявок нет
Оставлять заявки могут только авторизованные пользователи.
Сверстать 1 экран с видеофоном. Фоновое видео, 2 заголовка и кнопка
Реклама
Сверстать 1 экран с видеофоном. Фоновое видео, 2 заголовка и кнопка
Нужно сверстать 1 экран.
В данный момент все уже сделано на платформе контруирования одноэкранных лендингов, поэтому ЕСТЬ ГОТОВЫЙ ПРИМЕР.
Нужно посмотреть как там сделано, и сделать точно так же, с теми же шрифтами и отступами.
Справа Сбоку текстовый блок: Заголовок, подзаголовок,
Ниже видео ролик (это плеер youtube, видео хранится на youtube)
ниже кнопка. (уходит на другую страницу)
На фоне видео - https://youtu.be/B2tO6JYp0KY (растянуто на весь экран). фоновое видео будет храниться на хостинге, воспроизводиться должно 1080p. Крутиться по кругу. растянуто будет на весь экран.
поверх видеофона наложить сетку
.video-pattern {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: url(/img/video-pattern.png);
opacity: 1;
}
(сетка 3на3 пикселя, по центру черный, по бокам белые) для того, чтобы скрыть низкое качество видео в случае выбора 720p,
Сделать прелоадер (который секунды 3 потянет время, дать время подгрузиться видео на фоне) ...