Hide animation won’t work!

I want this play button to disappear when I tap the video.

In order to click through the button, I added this code:

.play-btn { pointer-events:none; }

Then, I added this click animation on the video element:

I also tried the “hide/show” animation.

The site is only currently optimized for mobile.

The URL is https://video-test-ad2017.webflow.io/

How can I make the .play-btn disappear on click of the video?!

Nothing is working!

Thank you


Here is my public share link:
https://preview.webflow.com/preview/video-test-ad2017?utm_medium=preview_link&utm_source=designer&utm_content=video-test-ad2017&preview=a5645e1690213495450e8ac4f93abf33&workflow=preview