JSFiddle - React, Tailwind, and code Playground

by Stev Peifer

HTML

<div id="some_id">
</div>

JavaScript

(
    function($){
        $.fn.twitchTV=function(option){
            var _this=$.extend({},this),
            memory={
                read:new Object(),
                write:new Object()
            },
            option=$.extend(true,{},
                {
                    'id':'runescape',
                    'option':{
                        'auto_play':'false',
                        'channel':'runescape',
                        'start_volume':'75',
                    },
                    'ratio':'1'
                },option),
            variable={
                chat:{
                    height:335*option.ratio,
                    width:300*option.ratio
                },
                option:'',
                stream:{
                    height:335*option.ratio,
                    width:549*option.ratio
                }
            };

            memory.read=this.clone().empty();
            memory.write=memory.read.clone();

            for(var optionIndex in option.option)
                variable.option='&='+variable.option;

            console.log(variable.option);
            
            
            
            
            
            /*
    <object type="application/x-shockwave-flash" height="335" width="549" bgcolor="#1c232c">
        <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&channel=runescape&auto_play=false&start_volume=75" />
    </object>


    <iframe frameborder="0" scrolling="no" id="chat_embed" src="http://www.twitch.tv/chat/embed?channel=runescape&popout_chat=true" height="335" width="300">
    </iframe> 
*/
            
            
            
            
            
    }(jQuery)
);