JSFiddle - React, Tailwind, and code Playground

by hallettj

HTML

<script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject_src.js"></script>
<script src="http://jquery.thewikies.com/swfobject/jquery.swfobject.1-1-1.js"></script>
<div id="parent">
    <div id="content1" class="content">
        <span>placeholder 1</span>
    </div>
    
    <div id="content2" class="content">
        <span>placeholder 2</span>
    </div>
</div>

CSS

#parent {
    border: 2px blue;
}

.content {
    border: 2px green;
}

JavaScript

var swf = 'http://jquery.thewikies.com/swfobject/fireworks.swf';
var params = { menu: "false" };
var attrs = { 'class': 'flash-content', name: 'flash-content' };

function jqEmbed() {
    var $content = $('#content1');
    $content.flash($.extend({ 
        swf: swf
    }, params));
    var $object = $content.find('object').attr(attrs).attr('id', 'content1');
    $content.replaceWith($object);
}

function swfEmbed() {
    swfobject.embedSWF(swf, 'content2', 320, 180, "9.0.0", null, null, params, attrs);
}

jqEmbed();
swfEmbed();