I am trying to use a button (says PLAY) on top of a hidden video to fade the video in while the button fades out. I have the video and button inside a Div block - video is positioned relative and button is position absolute on top of it. I can't get the interactions to work properly - newbie at interactions. Video is currently set to 0% opacity.
The best interaction would be to have the PLAY button fade the video in while the button fades out, start the video and dim the section behind it, but that's way beyond what I think I can do! I suspect the user will still have to click the YouTube built in play button to start the video, but that's ok.
Any help would be greatly appreciated.
Here is my public share link: https://preview.webflow.com/preview/shotgun-wedding?preview=b412f484008a1c5219793343e69b2e111
(how to access public share link)