How to make Fullscreen button html5 iPad iPhone

Q&A about the latest versions
Post Reply
Posts: 19
Joined: Mon Apr 19, 2010 12:09 am

Sun Jun 19, 2011 10:59 am

Hi all

On the Pano2VR examples page, the html5 sample displays a single pano in html5. When double tapping on the pano (viewed on iPad or iPhone) the pano zooms to Fullscreen mode. ... _3/mozart/

I am trying to get this same functionality on my htlm5 panos.
(actually I would prefer a simple button for Fullscreen mode toggle.

Please tell me how the sample works for double tap Fullscreen mode.
If possible, please tell me how to make Fullscreen button work for html5 iPad iPhone viewers.

Thanks in advance.
PS: I have used pano2VR for years now, and am comfortable with Fullscreen mode button for flash, which works as expected, but html5 seems to handle this differently (ie. does not work).
Posts: 114
Joined: Thu Jul 05, 2007 9:14 am

Sun Jun 19, 2011 1:45 pm

Your panorama should view at fullscreen anyway on both iPhone and iPad. So a fullscreen button is not necessary.

It could be that you are thinking the address bar etc at the top is the problem. This seems to be a flaw in reading in the iPhone, but if you rotate your device through 90 degrees and back again, it should go away.

Posts: 19
Joined: Mon Apr 19, 2010 12:09 am

Sun Jun 19, 2011 3:51 pm

Thanks for the reply.

(sorry if I did not explain well why I am looking for fullscreen button to work)

But please have a look at the link to the sample in my post below (above). In this sample the pano is embedded into the page, and when you double tap it it opens to fullscreen. That is the function I want (ie. fullscreen from embedded pano).

Why do I want this? Well, I publish all my panos in multiple websites where they are embedded. Visitors using iPad, iPhone or PC need to be able to browse the website as usual (viewing the many embedded panos) , and when they click fullscreen button it should open up fullscreen. :)

Hope this makes a little more sense now. :)
User avatar
Posts: 11129
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK

Mon Jun 20, 2011 12:58 pm

If you right button click, then click view source in the Garden Gnome web page from the above link you will see:

function FullScreen(theURL) {, '', 'fullscreen=yes, resizable=yes, status=yes, scrollbars=no');

Make sure you have a similar statement in your HTML page, out put a webpage from Pano2VR in the HTML5/CSS3 output and copy its settings.
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
Posts: 27
Joined: Thu May 22, 2008 3:42 am

Sat Apr 21, 2012 9:07 pm

Can you please explain where exactly I place this code?

Thank you
Post Reply