Помогите понять, как сделать данный стиль

Суть в том что надо сделать при запуске страницы: запуск видео во весь экран как основа а при прокрутки вниз видео останавливалось и фоном становилась картинка из видео того места на котором прервалось данное видео

Помогите понять, как сделать данный стиль

» » Сообщение:

Такой же стиль как у битвы за Севастополь

http://kino.1tv.ru/serials/bitva-za-sevastopol

Суть в том что надо сделать при запуске страницы: запуск видео во весь экран как основа а при прокрутки вниз видео останавливалось и фоном становилась картинка из видео того места на котором прервалось данное видео. Видео ролик будет лежать в папке сайта или грузится с ютуба.

Хотелось бы знать как сделать такое в каком направлении смотреть.

П.с. это задание по колледжу буржуйскому, сделать сайт по фильму, но такого нам не преподавали пока, просто решил перед иностранцами выпендриться вот и ломаю голову как сделать фон сайта видеороликом :)

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

Пуду благодарен за совет как такое реализуется:)

севастополь, как, стиль, видео, фон, фоном, страница, прокрутка, картинка, ролик, задание, колледж, видеоролик, сделать, такое, ломаю, видеороликом, решил, такого, каком, смотреть, интернет, компе, скинуть, благодарен, совет, сайтом

Re: Помогите понят как сделать данный стиль

Admin » » Сообщение:

TokyoZero писал(а) › 06.07.2015, 17:21:Суть в том что надо сделать при запуске страницы: запуск видео во весь экран как основа а при прокрутки вниз видео останавливалось и фоном становилась картинка из видео того места на котором прервалось данное видео

Да, интересная конструкция..)

TokyoZero писал(а) › 06.07.2015, 17:21:Хотелось бы знать как сделать такое в каком направлении смотреть.

Вот в этом:

Код: Выделить всё Развернуть
<video width="100%" style="width: 100%; height: 100%;">
                        <source type="video/mp4" data-src="http://cdn.kino1tv.ru/44/Bitva-za-Sevastopol_HD.mp4" src="http://cdn.kino1tv.ru/44/Bitva-za-Sevastopol_HD.mp4">
                        <source type="video/webm" data-src="http://cdn.kino1tv.ru/44/Bitva-za-Sevastopol_HD.webm" src="http://cdn.kino1tv.ru/44/Bitva-za-Sevastopol_HD.webm">
</video>

Видео абсолютом на задний план, при прокрутке - ставим на паузу..
В принципе, ничего сложного..

TokyoZero писал(а) › 06.07.2015, 17:21:И да сайт не будет грузится в интернет, будет просто просматриватся на компе, так что ролик не должен тормозить если его в файлы папки с сайтом скинуть.

Если ролик будет лежать на сайте, он и так не будет тормозиться - там же не целиком фильм, а лишь отрывок - трейлер, так сказать, с наиболее эффектными сценами из фильма..

Re: Помогите понят как сделать данный стиль

- всего 25 метров..)





Похожие темыКомментарии ПросмотрыПоследнее сообщение
01235Как сделать загрузочную флешку с Wi...
Сообщение от: Admin
049Как сделать свою шапку для нужных р...
Сообщение от: Admin
2890Re: Дополнительные шрифты к BB-кода...
Сообщение от: SKh
3930Re: Как сделать кликабельным абсолю...
Сообщение от: Admin
61313Re: Ограничение на добавление фотог...
Сообщение от: Rln