JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/flowplayer/flash/master/core/src/javascript/flowplayer.js/flowplayer-3.2.12.min.js"></script>
        <div class="top">
            
            <div class="left">
                <div id="chat">
                    chat<br>
                    chat<br>
                    chat<br>
                    chat<br>
                    chat<br>
                    chat<br>
                    chat<br>
                    chat<br>
                    chat
                </div>
            </div>

            <div class="right">
                <img src="#" width="200" height="58">
            </div>
            
        </div>
        <div class="video">
            <img class="maintain169aspectratio" src="https://dl.dropboxusercontent.com/u/21688/staticlinked/maintain_aspect_ratio_hack.png" />
            <div id="player"></div>
        </div>

CSS

div.video {
                position: relative;
                margin: 0;
                padding-top: 58px;
                background-color: red;
            }
            div.video img.maintain169aspectratio {
                width: 100%;
            }
            div#player {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
            }

            div#chat {
                position: relative;
                overflow-y: scroll;
                width: 100%;
                height: 100%;
            }
            div.top {
                position: relative;
                width: 100%;
                height: 58px;
                margin: 0;
            }
            div.left {
                display: table-cell;
                width: 100%;
                height: 100%;
            }
            div.right {
                display: table-cell;
                min-width: 200px;
                vertical-align: top;
                height: 100%;
            }
            body {
                margin: 0;
            }

JavaScript

$f("player", "flowplayer-3.2.16.swf", {
                clip: {
                    provider: 'rtmp',
                    live: true,
                    url: 'bouvet',
                },
                plugins: {
                    rtmp: {
                        url: "flowplayer.rtmp-3.2.12.swf",
                        netConnectionUrl: '',
                        scaling: 'fit',
                    }
                }
            });