JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript: void(0)" onclick="build()">Click Me!</a><br />                
     <div id="player">       <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 build(){
    // Usually the channels are vars, but this is simplified.
    var data = 'http://www.twitch.tv/widgets/live_embed_player.swf?channel=lzgamertv';  
     var changeVars = '<param name="flashvars" value="hostname=www.twitch.tv&auto_play=true&start_volume=25&channel=lzgamertv"/>';
    var params = '<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" />' +
                 changeVars;
    var temp = '<object type="application/x-shockwave-flash" id="twitchTV" style="margin:0px;padding:0px" width="600px" height="368px" data="'+data+'">'+params+'</object>';
     // Object Data
    var src = 'hostname=www.twitch.tv&auto_play=true&start_volume=25&channel=lzgamertv'; // Flashvars Param
   
    
    $("#player").html(temp);
    
}