You are not logged in.

Fullscreen for tour in iframe lightbox

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

kyle

Trainee

  • "kyle" started this thread

Posts: 71

Location: Grand Rapids, Michigan, USA

  • Send private message

1

Tuesday, September 18th 2012, 12:54am

Fullscreen for tour in iframe lightbox

I have a client who is embedding my tours using iframes in a lightbox that pops up when the user clicks a thumbnail.

Unfortunately, it appears that fullscreen does not work on HTML5 (Flash is fine) because the HTML version goes full screen by filling its viewport; with frames, this means the iframe defines the viewport, not the parent page.

I am wondering if it will be possible to support iframes in HTML5 by using the DOM to move the krpano div to the parent page for full-screen mode when an iframe is detected.

Or should I just suggest that my client avoid frames?

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

2

Tuesday, September 18th 2012, 1:04am

Detect if the page is loaded in an iframe for ios devices and then have it break out and redirect itself to your server.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

HansNyb

Professional

Posts: 1,063

Location: Denmark

Occupation: Photographer

  • Send private message

3

Tuesday, September 18th 2012, 9:20am

If you are talking about HTML5 on desktop wait for the next version. Klaus has promised real fullscreen in HTML5 and that works fine from iFrame in Chrome and Firefox and Safari.
See my examples using another viewer in the NEWS for version 15.
iPad is another case which may be a problem. Even if it should work according to the specifications it does not.

Hans

klaus.krpano

Administrator

Posts: 13,486

  • Send private message

4

Wednesday, September 19th 2012, 3:58pm

Hi,

Quoted from "HansNyb"

If you are talking about HTML5 on desktop wait for the next version. Klaus has promised real fullscreen in HTML5 and that works fine from iFrame in Chrome and Firefox and Safari.
Yes, the next release (almost ready now) will support the 'HTML5 fullscreen API'. With that it's possible to let an html element (like the pano) be displayed in fullscreen mode, and that element can be also inside an iframe - more details about that on release.


Quoted from "HansNyb"

iPad is another case which may be a problem. Even if it should work according to the specifications it does not.
iOS doesn't support the HTML5 fullscreen API and so far I know, there is also no specification that says, that iOS should support it...

Best regards,
Klaus

kyle

Trainee

  • "kyle" started this thread

Posts: 71

Location: Grand Rapids, Michigan, USA

  • Send private message

5

Saturday, September 22nd 2012, 4:35pm

Thanks for the info, everyone!

Sacha, I should be more clear: the client is embedding iframes on his own domain. He is using a lightbox to display the tour and could not figure out how to use embedPano with the lightbox yet, so he is using iframes instead. I think the lightbox is fine for iPad, but he already has a mobile version that always displays full screen for iPhone.

It would be nice if Apple supported the full screen api on HTML5.

Klaus, thanks for the continual improvements. I was using js version 1.0.8.14 and saw that there were some glitches with Apple's new landscape full screen mode on iPhone. I was about to start a thread about the issue, but thought I should check if there were any updates first. It was already fixed in 1.0.8.15!

nonchiedercilaparola

Trainee

Posts: 148

Location: Italy

Occupation: Freelance Fotographer

  • Send private message

6

Tuesday, November 20th 2012, 7:50pm

so, for a real full screen with iframe on apple dispositive mobile?
some usefull solution?
i would like to go on full screen mode from panopress light box...with new krpano relase it is possible?

klaus.krpano

Administrator

Posts: 13,486

  • Send private message

7

Wednesday, November 21st 2012, 8:39pm

Hi,

a 'real' fullscreen mode on iOS Safari would be only possible when Apple would implement the HTML5 Fullscreen API - but this is currently not the case!

Best regards,
Klaus

nonchiedercilaparola

Trainee

Posts: 148

Location: Italy

Occupation: Freelance Fotographer

  • Send private message

8

Friday, November 23rd 2012, 7:52pm

Quoted from "sachagriffin"

Detect if the page is loaded in an iframe for ios devices and then have it break out and redirect itself to your server.
How dows krpano detect the iframe?

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

9

Friday, November 23rd 2012, 10:24pm

Google JavaScript detect iframe . I think it's if parent != _top.
Or view source on my website.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

nonchiedercilaparola

Trainee

Posts: 148

Location: Italy

Occupation: Freelance Fotographer

  • Send private message

10

Tuesday, November 27th 2012, 6:13pm

Quoted from "sachagriffin"

Google JavaScript detect iframe . I think it's if parent != _top.
Or view source on my website.
sorry but i don't understand. i load my pano in a wordpress site. So i have insert code to get a switch:
- if you visit my site with desktop dispositive you'll see the vt on iframe with flash krpano viewer;
- if you visit my site with mobile dispositive there will be a redirection on the server where the vt is hosted.

but how can switch?

sachagriffin

Master

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

11

Tuesday, November 27th 2012, 11:03pm

What's your website?
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Similar threads