Jump to content
  • 0
Sign in to follow this  
Barabus

Видео фон на весь экран по высоте и ширине

Question

Barabus    0

Друзья, всем привет!

Подскажите как сделать видеофон как в 1ой серии "Разбираем сайты на части", сайт про матрасы.

Нужно и полное заполнение первого экрана и по вертикали и по горизонтали.

Заранее благодарю!

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0
12 часа назад, Barabus сказал:

Друзья, всем привет!

Подскажите как сделать видеофон как в 1ой серии "Разбираем сайты на части", сайт про матрасы.

Нужно и полное заполнение первого экрана и по вертикали и по горизонтали.

Заранее благодарю!

Вы думаете все поголовно смотрели или будут специально смотреть, ради ответа Вам 1-ю серию "Разбираем сайты на части", сайт про матрасы? :)
Ссылки на пример Вам бы больше помогли

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
Barabus    0

Прошу прощения, заработался ))) Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Спасибо!

Share this post


Link to post
  • 0
В 05.02.2016в18:10, Barabus сказал:

Прошу прощения, заработался ))) Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Спасибо!

И никто дальше не ответил)

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

В свойствах сайта (мета) задаете ей стиль - заполнение по высоте height100% (в интернете полно кодов, так что не запутаетесь)

И последний штрих - качаем виджет видеофона и ставим наше видео.

Вуаля.

Если что - пишите, помогу.

Share this post


Link to post
  • 0
57 минут назад, Евгений Голубев сказал:

И никто дальше не ответил)

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

В свойствах сайта (мета) задаете ей стиль - заполнение по высоте height100% (в интернете полно кодов, так что не запутаетесь)

И последний штрих - качаем виджет видеофона и ставим наше видео.

Вуаля.

Если что - пишите, помогу.

Если не надо позиционировать объекты относительно  1-го блока (как у нас с Вами было), то кнопка состояния не нужна, достаточно простого прямоугольника если нужен фильтр, или вообще без него
Но, в целом Вы несколько не внимательно смотрели пример. Само видео должно подстраиваться и уезжать вместе со скроллингом, так что Ваше решение тут не годится. И код тут будет несколько сложнее чем тот который мы с вами разбирали в другой ветке.
Тут нужен код в head для body и инлайн стиль в теге <video>

Вот виджет набросал под это дело. Растягивается на 100% ширины средствами музы, высота подстраивается сама, под экран, сверху на видео наложен прозрачный див, его можно настраивать средствами музы - например заливать полупрозрачным цветом или градиентом, пиксельными точками, линиями и т.п. Див будет иметь минимальную высоту ту на которую вы растяните виджет в музе. Если экран меньше этой высоты, то див будет вылезать за пределы видео. При работе с этим виджетом не рекомендуется использовать заливку страницы, так как она будет перекрывать видео
 

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
  • 0
kaqwita    1
В 25.02.2016 в 16:24, Павел Хомерики сказал:

Если не надо позиционировать объекты относительно  1-го блока (как у нас с Вами было), то кнопка состояния не нужна, достаточно простого прямоугольника если нужен фильтр, или вообще без него
Но, в целом Вы несколько не внимательно смотрели пример. Само видео должно подстраиваться и уезжать вместе со скроллингом, так что Ваше решение тут не годится. И код тут будет несколько сложнее чем тот который мы с вами разбирали в другой ветке.
Тут нужен код в head для body и инлайн стиль в теге <video>

Вот Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Спасибо за Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...