JSFiddle - React, Tailwind, and code Playground

HTML

<div class="board">
    <div class="overlay"></div>
    <object type="application/x-shockwave-flash" class="stream" height="100%" width="100%" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/live_embed_player.swf?channel=sc2" bgcolor="#000000"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="never" /><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=sc2&auto_play=false&start_volume=0" /></object>
</div>

CSS

.board {
  height: 300px;
  width: 300px;
  position: relative;
  background-color: #ccc;
  color: #fff;
  line-height: 300px;
  text-align: center;
}

.overlay {
background-color: rgba(0,0,0,0.9);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}