Click/trigger interaction for video pop-up not working correctly

Design help Animations & Interactions
1

Hello,

For some reason a click/trigger interaction for launching a YouTube video modal seems to not be working as intended.

The intended interaction here is that a user is supposed to click on the play button and then a youtube video is supposed to launch a modal/popup where the user can then view the video. This has been set up to be adaptive for any size view port.

What is actually happening is that the video modal overlay pops up with a close button in the upper right on the screen, but the actual video player element does not display. If I click on the close button and close the overlay and then click back on the play button, the video shows up as intended and everything works. Kind of strange that this does not function correctly the first time.

Has anyone else run into some similar??

Please check out the read-only link to my project below to see what’s going on underneath.

https://preview.webflow.com/preview/headset-staging?utm_medium=preview_link&utm_source=designer&utm_content=headset-staging&preview=8388ca069399ccfeebb84275a77e7f58&pageId=5fad87d4030a8c3116a6233c&mode=preview

Thanks for all your help!
Brian

Here is my public share link: LINK
(how to access public share link)