Hello steve, thank you so much for your help, i'm sorry i didn't see you responded for so long, i have forgotten my user login and password....

So i actually uploaded my tour on google drive, i went to detail, clik on the link to open the virtual and then i copied the url and i added that url in that piece of code juste after src:
That works good!!
The only thing is i would like to play it full screen on any device....especially on smart phone vertical position..i tried the 100%x100% but doesn'y work, i'm gonna try with javascript but if you have another link, send it.

<style type="text/css">.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
<div class="embed-container"><iframe allowfullscreen="" frameborder="0" height="560" src="https://1441ec21ddce52834a515c32adc94da0caf017ba.googledrive.com/host/0B5jOJ9Q3XdyVNW5wS3EzQk5WNVU/index.html" style="border:0" width="975"></iframe></div>

Thks for help

hi steven, i'm having hard time to get the virtual tour fully responsive (full screen on all devices), do you have any other links?

Yes exactly, i finally also found that on the web, it works good

“Host virtual tours in your own web server
Upload the virtual tour folder to your server and use similar embedding codes like above:
<iframe src='absolute URL for the virtual tour in your own server' width='525' height='400' frameborder='0' border='0'></iframe>
You only need to change the URL location to the new one.“

That's already good but, there is a big but:
Here is a nice other question i'm trying to figure out.
I created the tour with Panotourpro2 so it's fully responsive, so it displays on ipads and i phones but If i, like up there, if i select width: 525 height=400, the size of the windows will be the same on all devices so too large for i phones, do you have an idea to make the iframe fully responsive? if i do width 1024pxl it's perfect for my website 1200pxl on a desktop computer but on iphone its way too large.
And if i do with 400pxl x300pxl, it's perfect for i phone but too small for i pad and 13" or 15'' screens.

What should i do...the tour is pretty light each pano is like 3mo quality 83

may be i should use the tecnic with:  <embed src="index.html"> ???

thanks for your help already, that's new important info added to that forum !



(87 replies, posted in Showkase Support)

would be great to have a simple way to embed virtual tours.
could you give me the actual procedure? i can't make it and i find no help..

ok i found it.
If anyone wants to know, i have the answer.
contact yann-raout@hotmail.fr


How do i add a google maps i frame in a basic page.

ok i go to google maps, enter the address i want, i get the integration code.

and i paste that the code: iframe src..blabablabla in the text edit space and then click on source, save, publish but the text show up not the google iframe.

can you help?



What is the procedure to embed a virtual tour in a basic page.
My website is: yann-raout-weddingphotographer.com

I uploaded the indexdata folder and the index.html file in the root directory (public.html)
I created my virtual tour as “full screen“

then i go to my blank basic page in showkase and i add that line: <embed src="index.hmtl"> then i click on source, the line gets grey with weird symbols, i save, publish but the text shows up on the page but not the tour...

what is the text line to add, i think the one i add is completely wrong....

Should i add an i frame code. i don't think so as i ant to add my virtual tour directly on my server.

Thanks for help