-
Hello Martin,
On some desktop/laptop MAC with Safari (not on all!) when the player is in full screen, do some other elements of the page where the player is embedded, remain on top of the video. Our front end is entirely Elementor built, for example the Page header as well as the Learn Dash Course navigation element show on top of the full screen video.
I tried a few different things, nothing worked, like::fullscreen, :-webkit-full-screen, .flowplayer.is-fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 2147483647 !important; background: black !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
or:
.fp-player:fullscreen, .fp-player:-webkit-full-screen { position: fixed !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: black !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }