Fitting things in the sidebar

Hi, can anyone tell me how Enfold handles the width of things in the sidebar? I’m trying to fit this code in it –

<script src= "http://player.twitch.tv/js/embed/v1.js"></script>
<div id="{PLAYER_DIV_ID}"></div>
<script type="text/javascript">
    var options = {
        width: 854,
        height: 480,
        channel: "{CHANNEL}", 
    };
    var player = new Twitch.Player("{PLAYER_DIV_ID}", options);
    player.setVolume(0.5);
</script>

but instead of specifying the width and height, make the width as wide as the other things in the side bar. The aspect ratio is 16:9 like YouTube videos.