Ok, I am a total newbie when it comes to coding/html. I have built a website and I am working on the company history page and created a html5 movie for the history timeline. I like how it looks and everything about it. I used a template to build the site in wordpress and here is my dilemma. I want the movie to auto resize to fit the canvas of device accessing the page. Here is the current code I have embedded in the wordpress page: History of VanJoh Graphics, LLC – Website Test Site
<iframe src="http://ignite-design-preview.site/flash/history2.html" width="725" height="805"><span data-mce-type="bookmark" style="display: inline-block; width: 100%; overflow: hidden; line-height: 0;" class="mce_SELRES_start"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></span><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></iframe>
I contacted the template designer and he suggested I make this change: You might try and change width=”725″ height=”805″> to width=”100%″ height=”auto″>
This is why it is now showing as super small.
Currently when I visit the page on my iPhone it shows only the left edges of the flash file and doesn't autoresize. I also cannot even scroll over to see the whole image. Any ideas on how I can fix this? Thank you so much in advance for helping me fix this.
Paul
1
Reply
AdChoices