How to insert HTML5 animation into page

jamieclock
(@jamieclock)

11 years, 3 months ago

Hi I’d like to insert an animation I created in Flash onto my WordPress site but it needs to be viewed on iPads/iPhones so I converted the Flash document to an HTML5 animation via Google Swiffy but now I have no idea how I insert the (massively long) code into my WordPress page. Could someone please help???

Thanks

Viewing 12 replies - 1 through 12 (of 12 total)

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 3 months ago

Which language is it in?

Thread Starter jamieclock
(@jamieclock)

11 years, 3 months ago

It’s HTML you can view it here:

http://007.clockworktesting.co.uk/007.html

I’d like to add it to this page and replace the header image:

http://007.clockworktesting.co.uk/airport-transfers-banbury

Thank you

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 3 months ago

Are you sure it’s not JavaScript?

esmi
(@esmi)

11 years, 3 months ago

If you are using HTML5’s <canvas> tag, you should be aware that it is not yet fully supported by all browsers.

Thread Starter jamieclock
(@jamieclock)

11 years, 3 months ago

I’m not too sure, please feel free to look at the source code on the above link and let me know what you think

WP Libra
(@wpbum)

11 years, 3 months ago

What about just use an iframe to that link you posted?

Thread Starter jamieclock
(@jamieclock)

11 years, 3 months ago

I’m not too sure, please feel free to look at the source code on the above link and let me know what you think’s best?

WP Libra
(@wpbum)

11 years, 3 months ago

I would generate it the size you want it and then use the code below

<iframe src="http://007.clockworktesting.co.uk/007.html" height="300" width="960"></iframe>

Adjust the height and width. Can see an example below.

http://www.aaronnimocks.com/airplane/

I don’t know if this is the best way. But it surely is the easiest/simplest.

Thread Starter jamieclock
(@jamieclock)

11 years, 3 months ago

Thanks Aaron, that works a treat!! ;o)

Check out [advertisement moderated]

Revant
(@revant)

10 years, 5 months ago

Hi,

I know it’s not a recent thread, but I faced the exact issue very recently. While the animation runs and looks perfect on a computer, it does not dynamically resize itself when viewed on an iPhone.

Any help as to how to go about this?

Thanks.

esmi
(@esmi)

10 years, 5 months ago

@revant: As per the Forum Welcome, please post your own topic. This topic is 9 months old and references an older version of WordPress.

Revant
(@revant)

10 years, 5 months ago

Issue was resolved. Will keep that in mind. Thanks.