foxer

Наверно на cloudinary мэйл не подтвердил, сейчас должно работать. Буду ооочень признателен если поможете, всю голову сломал уже....

Ну вот по Вашему примеру если посмотреть, нужно, чтоб подвал находился не внизу окна просмотра, а внизу всей страницы, там где заканчивается img ну и чтоб он лежал поверх этой картинки полупрозрачный. как то так...

Так то да, но как быть с нижней частью фона, если в вашем примере вниз поскролить, то прокручивается до конца фона, а подвал остается сверху. overflow: hidden на main не помогает....

Вот и пришлось вставлять под видео тэг img, т.к. на него тоже можно повесить object-fit: cover, но тут начались проблемы с футером, да и когда на маленьких экранах контент перестраивается в длинную колонку и одной картинки уже не хватает.. В общем подкинул дизайнер задачку) ну да, меню в нем выстраивается в колонку на мобилках и он становится шире

он должен быть резиновым Я конечно понимаю, что реализация фона через вставку img далеко не лучшая идея, тем более для адаптивного сайта, но реализовать это через background-image у меня так и не получилось, даже тему отдельную создавал для этого. Может так вообще не возможно сделать... Фишка в том, что видео и картинка должны совпадать пиксель в пиксель при различных размерах экрана, а если я вставляю нижнюю картинку бэкграундом, то на экранах меньше оригинальной ширины картинки и видео(1920) они ресайзятся не пропорционально т.к. для видео стоит object-fit: cover, что бы видео не сжималось, а обрезалось и центрировалось, а у картинки такого эффекта добиться не получается.

Извиняюсь, пример менял немного.. Вот: http://codepen.io/foxer1/pen/EyWXbY Спасибо конечно)) но он на локалке пока, показать нет возможности

Спасибо,в примере оно работает, пытаюсь сейчас в проект это прикрутить. Там намного больше блоков и каждый спозиционирован уже, так что пока не получается, но всё равно спасибо!

ну нужно было контент поверх фона положить, по другому не получилось, может подскажите как?

Добрый день. Раньше пользовался разнымие способами и они помогали, но в этой ситуации, когда на фоне у меня сочетание видео и картинки и им дано position: absolute ничего из известных мне способов не работает( может где-то что-то я упустил, помогите пожалуйста. При это очень очень желательно, чтобы рабочий способ не зависел от высоты футера т.к. на разных разрешениях она меняется. Вот codepan: http://codepen.io/foxer1/pen/OXbYrj

Огромное вам спасибо! Я думаю заметить такой стык можно только если знаешь, что он там есть) Мне этого вполне хватит!

Здравствуйте! Такая проблема: Есть сайт где на фоне сверху лежит видео, сразу под ним лежит картинка, которая является продолжением видео, имеет такую же изначальную ширину (1920) и должна совпадать с видео пиксель в пиксель, чтоб не было понятно, где оно заканчивается и начинается статическая картинка. Ещё нужно, чтоб они не сужались при уменьшении окна, а центрировались (на видео в центре есть объект, который всегда должен оставаться в центре). Этого достигнуть я пытаюсь с помощью "object-fit: cover" на <video> и на <img> и все хорошо пока ширина окна не начинает превышать 1920рх , тогда они начинают увеличиваться не пропорционально и видео начинает перекрывать картинку. Как бы сделать так чтоб они вели себя синхронно при любом ресайзе (хотя бы до 3000px) и вообще возможно ли это? И ещё, можно ли это осуществить с помощью bsckground-image вместо тэга img? Пробовал задавать фоновой картинке background-size: cover, но резайзится она всё равно не синхронно с видео, на котором object-fit: cover. Codepan Заранее спасибо!