Bizkit wrote:It worked, however, when I try to change the width and height, it is not working, no matter what number I put in, it always keep the same. Any idea? Did I do something stupid?
You mean when you change from width="1024"
, it doesn't work any more? Tested from here, and didn't have any problems changing width or height. Having said that, I have a couple of comments:
- First of all, as long as you are "embedding" the IFRAME inside your X3 "content", the width of the embedded element can never scale beyond the width of the content, which by default is limited so that text is easy to consume. Therefore, the logical approach would be to set width="100%" for the iframe (notice % char).
- I see you are using "<div class='flex-video widescreen vimeo x3-style-frame'>", which doesn't make much sense. Remove this, at least until you have the <iframe> working as you want ...
Basically you have this code optimized and simplified by me, tried and tested successfully:
<iframe src="http://www.solutions-rw.com/content/3.360-VirtualTour/Bailey%20Nelson%20Chatswood/index.html" name="360 Virtual Tour" width="100%" height="480" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen=“true”></iframe>
As noted earlier, using <iframe> is a bit clumsy in regards to sizing, but it's the (only) solution that allows you to integrate external websites/projects.