-
Hello Team,
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?
Page: https://www.shrunken.com/a6B0V
Best regards, Bruno
-
-
Hi Bruno,
I’ve tested the video on site that you’ve send with iPhone X max with safari and it worked fine for me. Which iOS version are you using? Are you using any other browser besides Safari?
Thanks for contacting us and sending us the problematic video.
Making the web work for you,
Juraj
iPhone Xs Max
iOS 12.2It is the same in Safari and Chrome. If I click to enable fullscreen mode, it do not work as you can see on the shared screenshot.
Hi Bruno,
Do you mean those two black bars on side? Or you can’t go into/out fullscreen mode? Describe please more closely what do you think by “it do not work” , thanks!
Making the web work for you,
Juraj
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..
Hi Bruno,
Could you please try to turn off the custom javascript that turns the video fullscreen wherever you click on it and try it again?
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,
Juraj
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.
Hello Bruno,
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.
Thanks,
MartinHello Martin,
thanks for the good news.
Bruno
Hello Bruno,
actually this fix didn’t make it to the 7.4.0.727 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,
MartinHello Martin,
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.
Best regards.
Hello Bruno,
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.
Thanks,
Martin
