Resize HTML movie with responsive template
Author: Bernard P.
Visited 1964,
Followers 1,
Shared 0
I have inserted an HTML animation (converted from Flash).
The site is set as responsive, the pages all work and resize ok
However the animation does not resize so it shows the top left portion with the remainder missing.
Showing on Notebook to Pc sizes OK
Tablet and mobile phone animation not working, other pages resize are OK.
What am I missing.
Berni
Posted on the
Hello Bernard,
A link to the webpage in question would be most useful.
Kind regards,
Paul
Author
Hi Paul
Yes this is what I should have given.
www.si-tech.com.hk.
The animation starts up on opening the site.
Regards
Berni
Thank you, Berni.
The first thing I should point out is that your animation uses custom code, and does not depend on any native feature of WebSite X5. The software is not at fault in any way.
Your animation is held in a container with fixed width and height dimensions:
<div id="swiffycontainer" style="width: 725px; height: 500px">
This is why the container does not resize to suit the viewport.
If you want to make the animation responsive then you will have to make the container responsive.
You could approach the animation's creator for help with this, or you could search the web for relevant information.
Here is one such link to get you started:
http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design
Best wishes...
Author
Thanks for the informationj
The animation is one I did a long time ago and nolonger have a program to edit it, the only option was to convert it to HTML
I will try as your suggestion to make the container responsive
Regards
Author
Sorry forgot
The program was for creating Flash Animation