JSFiddle - React, Tailwind, and code Playground

by psycketom

HTML

<div id="player">
    <div class="frame" data-aspect="4:3">
    </div>
    
    <div class="seeker">
    </div>
    
    <div class="controls">
    </div>
    
    <div class="extra-controls">
    </div>
</div>

CSS

#player .frame
{
    height: 200px;
    
    background-color: #ccc;
}

#player .seeker
{
    margin-top: 1em;
    
    height: 50px;
    
    background-color: #575757;
    
    color: white;
}