JSFiddle - React, Tailwind, and code Playground

by ArtBIT

HTML

<div id="player">
    <a href="javascript: void(0)" onclick="build()">Click Me!</a><br />                
            <object type="application/x-shockwave-flash" id="twitchTV" width="600px" height="368px" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=day9tv" style="margin:0px;padding:0px">
                <param name="allowFullScreen" value="true" />
                <param name="allowScriptAccess" value="always" />
                <param name="allowNetworking" value="all" /> 
                <param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" />
                <param name="flashvars" value="hostname=www.twitch.tv&auto_play=true&start_volume=25&channel=day9tv"/> 
            </object>
        </div>

JavaScript

function create_param(name, value) {
    var param = document.createElement('param');
    param.setAttribute('name', name);
    param.setAttribute('value', value);
    return param;
}

function build() {
    var $player = $("#twitchTV");
    var old_player = $player.get(0);

    var save_attrs = ['type', 'id', 'width', 'height', 'style'];
    var saved_attrs = {};
    for (var a in save_attrs) {
        var att = old_player.getAttribute(save_attrs[a]);
        if (att) saved_attrs[save_attrs[a]] = att;
    }
    saved_attrs['data'] = 'http://www.twitch.tv/widgets/live_embed_player.swf?channel=lzgamertv';

    var daddy = $player.parent().get(0);
    $player.remove();

    var new_player = document.createElement('object');
    for (var a in saved_attrs) {
        new_player.setAttribute(a, saved_attrs[a]);
    }


    var params = {
        'allowFullScreen': 'true',
        'allowScriptAccess': 'always',
        'allowNetworking': 'all',
        'movie': 'http://www.twitch.tv/widgets/live_embed_player.swf',
        'flashvars': 'hostname=www.twitch.tv&auto_play=true&start_volume=25&channel=day9tv'
    }

    for (var p in params) {
        new_player.appendChild(create_param(p, params[p]));
    }

    daddy.appendChild(new_player);
}