-
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; }
-
-
Hello Michael,
This kind of issues often occurs on iPhone. It occurs when the parent element of FV Player uses
z-indexortransformCSS properties.So we check for these properties when entering fullscreen on iPhone and remove them and then put them back when leaving fullscreen.
We even added a “Alternative iOS fullscreen mode” setting which does it in a more aggressive way by moving the player element to top of DOM when entering fullscreen: https://foliovision.com/player/settings/mobile-settings-behaviors#mobile-settings
However we did not see that issue on desktop yet.
Please let us know if you have a test page where we can see the issue.
Thanks,
MartinAfter further investigation it seems that the issue with Safari only happens for sure with version 16.1 and seems solved with version 16.6,
or somewhere between 16.1 and 16.6.The latestr Safari versions don’t have the issue at all.
Hello Michael,
Thank you for posting the interresting findings.
I see Safari 16.6 is available for macOS Big Sur, macOS Monterey, macOS Ventura, iPadOS 16.6, and iOS 16.6. It’s the same for 16.1.
So there shouldn’t be anybody stuck on 16.1 without possibility to upgrade to 16.6.
Please let us know if you have a test page where we can test this with Safari prior to version 16.
For example Safari 15.6 only got released in summer 2022 so it’s fairly recent. So there might be uses on slightly older computers running into this issue without a possibility of upgrading Safari to avoid the issue.
Thanks,
Martin
