Fix WordPress Plugin HTML5 Swiffy Insert

6 Replies

Google Swiffy

Swiffy is a web-based tool developed by Google that converts SWF files to HTML5.
Its main goal is to display Flash contents on devices that do not support Flash, such as iPhone, iPad, and Android Tablets.

UPDATE 31/3/2013

We have released our own ER Swiffy Insert Plugin.
It was created from scratch with additional support for multiple run time script versions and it only loads the HTML5 code if there is a shortcode placed at the page/post.

WordPress Plugin

WordPress has a plugin called HTML5 Swiffy Insert by Joan Garcia,
Unfortunately it doesn’t work out-of-the-box and has several issues.

Convert SWF to HTML5

  • First you need to get your HTML5 file so Go to the Swiffy upload page and upload your SWF file, you will then receive an HTML5 file.

Fix WordPress Plugin

  1. Log-in to your WordPress site and install “HTML5 Swiffy Insert” plugin.
  2. Edit the plugin and replace
    1
    <?

    with

    1
    <?php

    html5swiffyeditor html5swiffyeditor2

  3. You also need to change the Swiffy Runtime JS according to your script:
    replace https://www.gstatic.com/swiffy/v4.7/runtime.js with https://www.gstatic.com/swiffy/v5.0/runtime.js or any other version you might need – located in the HTML5 file first few lines.
  4. Now you can activate the plugin and just follow the instructions to input your HTML5 code.
    html5swiffyeditor3

Enjoy.

Related posts:

  1. Fix: WordPress 3.5 Update Mess-up system (JScript Issue)
  2. Develop with the new WordPress 3.5 Media Manager.
  3. Must have best FREE WordPress plugins 2012

6 thoughts on “Fix WordPress Plugin HTML5 Swiffy Insert”

  2. Alex

    Hello there,
    I’m having issues with putting a 2nd swiffy embed on my site,
    feel like I’m doing everything right!
    I looked at the page source, and it’s just not embedding on the 2nd page.

    Can anyone help??
    : )

    Reply ↓
  3. Adam

    Got an HTML5 ad working on my site. However, whenever free text areas (search bar or comments) are used, the page redirects to the ad’s link. Is there a fix for this?

    Reply ↓
  6. Ron

    Hi
    I know its an old post, but hopfully you can help:
    where do I put the :

    Code

    I get to see the animation graphics but they are all distorted and no movement.
    Thanks
    Ron (NZ)

    Reply ↓

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.