Hide / show doesn't take the video

Hello !

I’m working on my portfolio and I’m trying to do the animation to show and hide an element.
I created a button and made the animation.
It work really well with a div. But when I put a video in it the video remain visible.

Thing is that I can’t really change the side of the video so I can’t make it work.
If anyone have an idea tell me !

Thank you

is your element on overflo:hidden?

Well I didn’t really wanted to put it in hidden. I tried and actually it work that way. But the problem is that it doesn’t create a good animation.

I made a link to the project : https://preview.webflow.com/preview/colin-moinard?preview=ddfb50c299db91d7ccef7acd9c1a9fb0

I created an exemple with the slider. That is the effect I am looking for.
But it doesn’t work on the video.