HTML5 + iframe + full-screen + IE10 problem...

[awaves]

Hello,
I want to know if there is a solution with html5 + iframe to operate full-screen on IE10.
As with this example:
http://panoramas.dk/pano2vrtest/index.html
that works perfectly in FF, Chrome, Safari;
but not with IE10


Thank you for your answers.

[Rajah]

Hi Awaves,

Yes there is. See topic:
http://gardengnomesoftware.com/forum/vi ... =14&t=8354

Succes!

Frans

[awaves]

Hi Frans,

I have read and tried the solutions proposed in this thread.
Unfortunately it still does not work in IE10.
When you click the full screen button in the iframe nothing happens.

Of course the solution would be to move the iframe, but for my project I absolutely use the iframe ....

Thanks for your help

[Rajah]

Did you change these too?

Code: Select all

<div style="margin: 0 auto; width:100%; height:100%;">
            <object type="text/html" data="martin/index.html" style="width:100%; height:100%; margin:0%;">
            </object>
        </div>

in

  <div style="margin: 0 auto; width:700px; height:480px;">
            <object type="text/html" data="zenw/index.html" style="width:700px; height:480px; margin:0%;">
            </object>
        </div>

[awaves]

i have this in my index.html

Code: Select all

<iframe src="fullscreen.html" name="panorama" width="640" height="480" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="float:left; margin-left:0px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

in fullscreen.html

Code: Select all

<div id="container" style="margin: 0 auto;width:640px;height:480px;">
		This content requires HTML5 & Javascript or Adobe Flash Player Version 9 or higher.
		</div>
		<script type="text/javascript">
	
			// create the object player with the container
			obj=new object2vrPlayer("container");
			// add the skin object
			skin=new object2vrSkin(obj);
			// load the configuration
			obj.readConfigUrl("fullscreen.xml");
			// hide the URL bar on the iPhone
			hideUrlBar();
		
		</script>

[Rajah]

Well, I am not the whizkid that did solve the problem, a friend did. I only can tell what he found out and made it working.

http://www.virtueelbezoek.nl

The basic idea is what Hopki made. Did you download the iframe.zip?
The iframe comes on the place you want:

Code: Select all

<iframe src="div.html" scrolling="no" width="700px" height="480px" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" frameborder= "0" ></iframe>

This gives the direction to the div.html in the same root as the index. 

<div style="margin: 0 auto; width:700px; height:480px;">
            <object type="text/html" data="zenw/index.html" style="width:700px; height:480px; margin:0%;">
            </object>
        </div>

The only problem where the 100%. Put there for in place the pixels as here above.

As said before: full screen does not work on iPad.

Frans

[awaves]

Sorry but I do not get anywhere for full screen with iframe in IE10 + html5

Maybe I resign myself to use flash but the challenge now is html5

Thank you for your patience

WTF IE

Nobody else have this problem ?

[Rajah]

Well Awaves, it works also in IE10 but only (I think) with the div.html from Hopki.

I am still working on it. Let you know.

Frans

[Rajah]

That was wrong. Try to figure it out.

[Rajah]

See for the solution topic:
http://gardengnomesoftware.com/forum/vi ... 735#p33735

Frans

[ITSforYou]

This solution is only for IE + Flash.
An iframe in IE with HTML5 still doesn't work for me.

Any ideas left?