Как сделать адаптивный блок с видео на лендинге?

Question

[Павел]

Всем привет! Подскажите пожалуйста, как лучше сверстать вот такой блок видео, чтобы видео было адаптивным. Сделать его с помощью Fancybox во всплывающем окне или как?

Comments

[Павел]

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

Answer 1

[wildsnail]

codepen.io/ulitcos/pen/PzOpVm

Comments

[Павел]

видео должно открывать при нажатии на кнопку

[wildsnail]

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

[Galyanoff]

Павел: Используйте элементы видео HTML5, там есть возможность добавление кнопок управления, стиль только поменять

[Alexander]

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

[Павел]

Александр Катков: а можете поподробнее рассказать? Может знаете, на каком сайте так реализовано? Никак не могу найти чего-нибудь подобного