Fullscreen not working on iOS

Q&A about the latest versions
Post Reply
robwatson
Posts: 2
Joined: Fri Feb 23, 2018 1:02 pm

Hi, bit of as noob question since upgrading recently.

I've searched the forum and seen posts commenting that iOS doesn't support fullscreen mode. Is this still the case? We're certainly having problems with it. If this is still a known issue, is there an accepted best practice workaround?

Everything works fine on PC/Mac.

Thanks
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

Yes unfortunately this is still the case.

Workarounds sort of depend upon what you call fullscreen mode. I use iFrames to embed a lot of panoramas on my blogs/tutorials etc now a normal fullscreen button, applied via a skin, doesn't work when viewing on iOS. So I have a workaround using javascript that opens a new .html page that the panorama fills completely.

You can see a sample of what I mean at http://tonyredhead.com/buenos-aires-str ... k-flamingo. If you browse to the page on iOS you will see a different menu than that on a desktop machine. Click on the 'Fullscreen' button and a new page opens and fills the screen. This is where the question of fullscreen comes in. In this case you can still see the top section of the Safari/Chrome browser. If you click on the 'Fullscreen' button on the fullscreen page it closes revealing the original page underneath.

iFrame-on-iOS.jpg
iFrame-on-iOS.jpg (244.62 KiB) Viewed 2360 times

fullscreen-on-iOS.jpg
fullscreen-on-iOS.jpg (263.79 KiB) Viewed 2360 times
If you were to add the 'Fullscreen' page to the Home Screen then when you opened it it would almost be fullscreen and show only a very small bar at the top with your service provider, time and some settings readouts.

Home-screen-open-iOS.jpg
Home-screen-open-iOS.jpg (283.69 KiB) Viewed 2360 times
All in all it's not ideal :o

regards,

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
robwatson
Posts: 2
Joined: Fri Feb 23, 2018 1:02 pm

Thanks for the detailed response Tony. Looks like I'll be brushing up on my javascript today.

Gotta say it's a very odd stance from Apple. Any idea what's behind their decision here? Seems particularly odd given the rise of 3D video, VR etc.

Cheers

Rob
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Rob,

You open the fullscreen.html with a standard action 'Mouse Click | Go to URL | Fullscreen.html | Target _Blank' to close the fullscreen.html you use the action 'Mouse Click | Go to URL | javascript:close();'

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi Rob,

Who knows why they make these decisions? Came across this chart for developers on support for the Full Screen API's https://caniuse.com/#feat=fullscreen

Lots of red for iOS

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
zeus360
Posts: 23
Joined: Thu Nov 08, 2018 1:30 pm

@tony how did you manage to make the full screen button appear in the controller on iOS?

I'm trying to use the same method detailed here: viewtopic.php?t=12800 but with the added benefit of simply going to the same tour html page in a new tab (_blank) with the current nodeID passed as a hash and using conditional logic on the full screen button as in the link above to handle what the full screen button does depending on if you are using iOS or not.

I have removed the conditional logic from the button visibility and just enabled it instead by ticking the checkbox but it's still not showing and it's hard to unravel somebody elses conditional logic when you don't know what they have added in the first place ;) I'm using the silhouette_v6 theme and modifying that.
Post Reply