we have a problem playing videos in fullscreen-mode on iOS devices. In our case on a iPhone 10 Max.
The Problem: Fullscreen mode simply do not work in Safari and Chrome.
It works fine on desktop machines. Any hint how we can fix this?
Best regards, Bruno
If I enable fullscreen mode on my MacBook, there is a black background and the video in full width and auto height.
Please check the screenshot above. It is from my iPhone and it is the full-screen mode, that isn’t full-screen. No black background and the video do not use the full width of the screen. You can still see the browser bar and a lot of white space on left and right. This seems not to be a full screen mode..
Also, please try to embed this exact same video onto new blank post without using the pagebuilder that you’ve used on that page you’ve sent.
Thanks for cooperation,
Same behaviour: https://www.shrunken.com/a6Bb0
The fullscreen mode you know from desktop machines do not work.
Please note that this is a blank page template, without any custom scripts and without any pagebuilder modules.
The script I wrote to toggle fullscreen mode just works with your native API methods. So it shouldn’t be a problem and as you can see in this example it isn’t the problem.
It seems that your fullscreen mode simply do not work on iOS. I’ve made an update yesterday to iOS 12.4. It is still the same.
I think I see the bug now. I can enter the fullscreen just fine, but then I can’t use our button to exit it – I have to use what the iOS is providing.
It’s something which we fixed and contributed to core Flowplayer, but it wasn’t accepted yet. I’ll include that fix in the next FV Player version tomorrow.
actually this fix didn’t make it to the 18.104.22.1687 release as it needs some more testing.
If you could reinstall FV Player from this link: https://github.com/foliovision/fv-wordpress-flowplayer/archive/10870407-playlist-fix.zip to see if it helps with your issue, it would be helpful.
To reainstall a plugin you will have to first deactivate and delete the current FV Player you are using. WordPress will warn you that you might loose settings and data, but it’s not the case with our plugin, no settings now videos will be lost. Or you can just replace the plugin files via FTP.
thanks for coming back. Unfortunately it do not resolve the problem.
Here you can see a screenshot from Chrome with the current version.
Since we have some massive marketing campaigns in the next few days, I have hidden the full screen icon on mobile devices. It’s not ideal, but better than this shrunk video-wrapper.
I had a look and one of the parent elements has the following CSS on it:
transform: matrix(1, 0, 0, 1, 0, 0);
And that messes up the FV Player fullscreen on iOS iPhone. Since that device doesn’t support a real fullscreen, we can only position the player above everything and set it to cover the entire browser window.
And due to that strange CSS transformation it can’t work properly.
Please enable Settings -> FV Player Pro -> Mobile Settings -> Alternative iOS fullscreen mode. Perhaps we should always enable this as there are so many themes with weird CSS which break our pseudo-fullscreen on iOS.