Как сверстать такой элемент?

Question

[Saberwalker]

Здравствуйте!Подскажите пожалуйста как сверстать такой элемент? (если возможно, без сторонних библиотек)
Были попытки сделать с помощью html5 video и тега poster, но картинка никак не хочет тянуться, криво стает и не кастомизируется (наверное).
И там где надпись "это видео" я так понимаю, должна быть кнопка "Play", или нет?

вот сама картинка

Comments

[Максим Тимофеев]

вообще не понятно, что надо сделать, при чем тут видео и в чем проблема. А главное зачем Вы заставляете картинку тянуться?

[alvvi]

Максим Тимофеев, вот-вот, будешь ее так тянуться заставлять, она еще возьмет и вырастет.

[Ankhena]

Рац.предложение: спросите у дизайнера.

Answer 1

[SlideUp]

И там где надпись "это видео" я так понимаю, должна быть кнопка "Play", или нет?

Хах, наверное да или нет. Кто его знает.

Вы не знаете как правильно видео вставить или что?? Конкретизируйте вопрос пожалуйста.

Comments

[Saberwalker]

Не получается сделать фон для видео на высоту всей секции, и при этом сделать элемент воспроизведения видео активным (кликабельным). Я так понимаю тут без js никак?

[cssfish]

тут без фидла никак, и без ясно описанной задачи. а то как видте никто вас пока не понимает

[SlideUp]

Saberwalker, ну так попробуй сделать высоту секции например фиксированную например 700px, а фону дай height: 100%
Воспроизведения видео