@evgeniy2024

Как такое сверстать?

Объясните пожалуйста, как сделать такую кнопку управления видеоплеером 5f457f6b63645399096152.png
И откуда вообще брать нужное видео при верстке
  • Вопрос задан
  • 120 просмотров
Пригласить эксперта
Ответы на вопрос 1
sniggering_deus
@sniggering_deus Куратор тега Вёрстка
Dance Gavin Dance - Prisoner
Если делать быстро и без лишних телодвижений: Берёте готовый видеоплеер, настраиваете как нужно(если такая возможность имеется), стилизуете и наслаждаетесь результатом. Например неплохой видеоплеер Plyr.

Если делать без зависимостей, тогда например так: Создаёте основной блок т.е контейнер и вкладываете в него: видео + дополнительный блок с абсолютным позиционированием который будет перекрывать видео. Внутри этого блока будет кнопка, при клике на которую к данному блоку добавится класс, который деактивирует его и спустя энное время можно включить видео. Плюс минус анимация скрытия блока и прочие стили.

Или можно хорошенько погуглить например по такому запросу: click center play button to play video

И откуда вообще брать нужное видео при верстке


Оттуда где можно брать видео со свободной лицензией.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы