Page can be seen here: http://vr360test201.businesscatalyst.com/index.html the iframe code is: <iframe width='100%' height='100%' src='https://roundme.com/embed/sEVyCoLkylPr4tsOvsDZ' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
The iframe box is set to 100% browser width. Any ideas where things are going wrong?
It would be much better if you set the <iframe> as "stretch to browser width" and adjust the height in code as per your requirement.
Please note that instead of 100% set the height as per the pixel ratio.
Hope this helps.
Thank you for your response. I have the iFrame set to "stretch to browser width" using the tab in the "resize" menu at the top of the work window.
I have just worked out that it seems to be reacting to the Muse Theme's '100% Height' widget so will email them.
I am trying to get a virtual tour to appear full screen on a web page, are there anyways you can think of to get the iframe to go full height of browser?
I am pretty sure the MuseThemes guys will be able to provide any solution.
However I only full screen background video widgets, I guess you can tweak a little and also use it as a main page widget.
I mean If you don't place any objects on top it shouldn't look like a background widget.
As you already have a MuseThemes subscription try this one - https://www.muse-themes.com/products/videos-fullscreen-backgrounds and let me know if this works for you?
Thanks for your email and your suggestion.
I have downloaded the widget but it looks like it needs an actual video file. A virtual tour works of a URL so I don't think this will work.
Annoyingly the method I am using seemed to work a few months ago!
When you put the code in a muse, it is always wrapped in Div. For this Div needs to write additional CSS code.
Thanks Pavel, that works great.