WordPress.org

Ready to get started?Download WordPress

Forums

How to insert HTML5 animation into page (13 posts)

  1. jamieclock
    Member
    Posted 1 year 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

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Which language is it in?

  3. jamieclock
    Member
    Posted 1 year 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

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Are you sure it's not JavaScript?

  5. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

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

  6. jamieclock
    Member
    Posted 1 year 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

  7. Aaron
    Member
    Posted 1 year ago #

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

  8. jamieclock
    Member
    Posted 1 year 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?

  9. Aaron
    Member
    Posted 1 year 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.

  10. jamieclock
    Member
    Posted 1 year ago #

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

    Check out [advertisement moderated]

  11. Revant
    Member
    Posted 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.

  12. esmi
    Theme Diva & Forum Moderator
    Posted 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.

  13. Revant
    Member
    Posted 5 months ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic