JSFiddle - React, Tailwind, and code Playground

by Dimitar Christoff

HTML

<div id="playerWrapper">
    <embed type="application/x-shockwave-flash" src="http://www.webtogs.co.uk/assets/mediaplayer.swf" style="" id="mediaplayer" name="mediaplayer" quality="high" allowfullscreen="true" flashvars="settings=/assets/config100784.xml?3869" height="100%" width="100%"></embed>
</div>

<a href="#" class="resizes" title="100%">full width</a> or <a href="#" class="resizes" title="500px">500px fixed</a>

CSS

body {
    height: 100%;
    min-height: 100%;
}
#playerWrapper {
    width: 500px;
    height: 308px !important;
    background: red;
    padding: 5px;
    min-height: 100%;
}

JavaScript

document.getElements("a.resizes").addEvents({
    click: function(e) {
        e.stop();
        document.id("playerWrapper").setStyles({
            width: this.get("title")
        });
    }
});