Twitch.TV Multi-Stream Viewer #1
HTML
<div id="bigVideo">
<object type="application/x-shockwave-flash" id="streamTwo" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=cafeid" bgcolor="#000000"><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=toploader1977&auto_play=true&start_volume=25" /></object>
</div>
<div id="smallVideos">
<div id="smallVideoOne" class="smallVideo">
<object type="application/x-shockwave-flash" id="streamOne" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=spamfish" bgcolor="#000000"><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=kingjimi84&auto_play=true&start_volume=25" /></object><br>
<a href="#" class="switchVideo">Switch Video</a>
</div>
<div id="smallVideoOne" class="smallVideo">
<object type="application/x-shockwave-flash" id="streamOne" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=spamfish" bgcolor="#000000"><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=spamfish&auto_play=true&start_volume=25" /></object><br>
<a href="#" class="switchVideo">Switch Video</a>
</div>
<div id="smallVideoOne" class="smallVideo">
<object type="application/x-shockwave-flash" id="streamOne" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=spamfish" bgcolor="#000000"><param...
CSS
#bigVideo {width:960px;}
.smallVideo {float:left;}
#clr {clear:both;}
JavaScript
$(function(){
$('#bigVideo object').css({width: 1052, height:568});
});
$('.switchVideo').on('click', function(){
var big = $('#bigVideo object');
var one = $(this).siblings('object');
//console.log(one);
$('#bigVideo').html(one);
//$(this).parent().html(big);
//switchVideo(one, big);
});
var switchVideo = function(choice, replacement) {
//var bigVideo = $('#bigVideo object');
$('#bigVideo').html(choice);
$('#streamOne').css({width: 1052, height:568});
$('#smallVideo').html(bigVideo);
}