Embed pano SWF into my own table w/ full screen that works

gerardjuarez · Tue Apr 28, 2009 5:48 am

Hello - Is it possible to take the rendered SWF file, create a new HTML page and simply embed your SWF in a table that will retain full screen functionality? There's a ton of flash content that goes full screen all over the web, but I think the .js file does something weird to it...like it contrains it. I've even taken the HTML template page that is generated from Pano2VR into a HTML editor...only to see 'Please enable Javascript!' and 'Close'.

I simply want to be able to design a page around my pano, while retaining the ability to go full screen. Would anybody be so kind to provide a sample HTML file or a link that I could check out that would enable me to do this? Obviously I'm not much of a code dude...I enjoy more of the pano and design side of things! Any help would greatly be appreciated! Thank you.

Best,
GJ

pob · Wed Apr 29, 2009 7:27 am

Hi Gerard

I've been trying to do this for a while.

I'm not sure if this is the best way, so please correct me if i'm wrong.

I embed the movie.swf using swfobject.
(you can create the html code using a generator like this one http://www.bobbyvandersluis.com/swfobje ... index.html)
More info on using swfobject here http://www.adobe.com/devnet/flashplayer ... bject.html

Then once you have it in your page just add the line <param name="allowfullscreen" value="true" />
as below example

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="marinamv" width="640" height="480" id="marinamv">
<param name="movie" value="marina2.swf" />

<param name="allowfullscreen" value="true" />

<object type="application/x-shockwave-flash" data="marinamv.swf" width="640" height="480">

<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/down ... player.gif" alt="Get Adobe Flash player" />
</a><p><b>This Content requires Adobe Flash, please click logo to install</b></p>

</object>

</object>

I hope that makes sense, let me know if you need more info,
Cheers, Andy

pob · Thu Apr 30, 2009 5:01 am

Hi Gerard

I've just been playing with this further and probably the easiest way is to output the html with pano2vr then just paste the code into your page and make the changes you need.
For mine i would just add the css to my existing style sheet and set a display size by replacing the '100%','95%' with whatever pixel size, ie '640','480'

It will then display at whatever size you set and fullscreen will also work.

Again i've only learnt from trial and error so there is probably a more logical way of doing this....

Cheers, Andy

gerardjuarez · Thu Apr 30, 2009 5:05 am

Great I will try that. Thanks for the tip!