Adding Adobe Animate html5 into Wordpress page

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