I’m having what I suspect is a Z-Index issue getting embedded video to play on my site. I have a full-width site border with a fixed position that needs to have the highest z-index on my page. This breaks the play button of my embedded video from Vimeo. If I increase the z-index of the embedded videos, the frame goes over the border when scrolling.
Is there a way to play video without losing the border element or having the video element overlap it? I solved this issue for my hover states on static images with empty divs and interactions that don’t show on top of the site border. Is there a way to do the same thing to get video to play on my site?
Any help would be much appreciated. Thanks.