Фрейм с наложением картинки и кнопки поверх видео?

Не знаю как сделать такой фрейм , помогите :c
Нужно чтобы он был на весь экран
5e17823b8b493702392101.png
  • Вопрос задан
  • 785 просмотров
Решения вопроса 1
anatoly_kulikov
@anatoly_kulikov
Помог ответ? Отметь решением!
У тега video есть специальный атрибут poster - там можно указать ссылку на нужное изображение.

Кнопку можно с помощью псевдоэлемента спозиционировать и поставить.

Также, если не подойдёт вариант с постером, можно сделать и с картинкой.

Или такой вариант: делаем родительский элемент, в нем два дочерних. В первом (он будет на заднем плане), размещаем видео. Во втором (он будет на переднем плане) размещаем картинку (можно как фон), и в этот же элемент вставляем ещё один, который будет содержать кнопку Play. С помощью флексбокса центрируем его.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Как-то так можно:
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы