Как убрать серый цвет при включенном видео youtube?

Question

[Pavlo Marchenko]

Здравствуйте!
есть сайт mydemo.kl.com.ua/index.html
там в конце есть секция с видео, при наведение серое затемнение пропадает, но если убрать курсор то опять стает серым, как сделать чтобы активное видно было цветным?

.review-box__video{
    filter: grayscale(100%);
}

.review-box__video:hover{
    filter: grayscale(0%);
}

Comments

[alvvi]

Только с помощью CSS с текущей структурой реализовать не получится. Могу написать решене с JS, если интересно.

Answer 1

[Антон Шелестов]

Через js при наведении добавить класс в котором убирается серый цвет, но когда курсор убирается то ничего не делать. Если курсор наводится на другой блок то убираем класс там где он есть и добавляем на тот на который навели.