Как стилизовать такое видео по макету?

Question

[sonyashhww]

Необходимо чтобы при нажатии на кнопку воспроизводилось видео, а контент убирался

Comments

[Сергей delphinpro]

Ну может быть попробовать по клику на кнопку убрать контент и запустить воспроизведение видео?

[sonyashhww]

Сергей delphinpro, дело в том что я js плохо знаю, понятное дело что по клику убрать контент эх
как воспроизведение запустить и связать эту кнопку не понимаю

[Steppp]

sonyashhww, Сделай чекбокс, и по checked скрывай кнопку и открывай видео) на чистом css

[Вадим]

Данный сервис предназначен для помощи в решении проблем.
Для решения задач и написания кода за Вас был разработан отдельный сервис: https://freelance.habr.com/

Для решения задачи самостоятельно Вам помогут эти материалы:
https://learn.javascript.ru/document
https://learn.javascript.ru/events

Answer 1

[Anonimmus]

https://html5css.ru/howto/howto_css_fullscreen_vid...

Затем подсмотрите там же как добавить и удалить классы (в вашем случае контент с текстом).
Пс: Прошу прощения пишу с коленки. Код javascript надо гуглить а вот решение на jquery подскажу там все просто)

Comments

[sonyashhww]

СПАСИБО БОЛЬШОЕ!!!!!!!!!^^
Попробую внедрить это в мой проект!

[sonyashhww]

Все получилось!!! Огроменное спасибо тебе добрый человек аа

[sonyashhww]

Я сейчас пытаюсь найти как при нажатии скрывать блок с контентом, но буду рада если направите tg @sophie_bebra

[Anonimmus]

javascript не подскажу, но вот jquery
где #myBtn это id кнопки . .content это класс контейнера с текстом .

$("#myBtn").click(function (e) { 
    e.preventDefault();
    $('.content').css("display", "none");
  });

можете так же дублировать после кнопки play

$("#myBtn").click(function (e) { 
    e.preventDefault();
    $('.content').css("display", "block");
  });