div#container {height:100%; max-width:500px; background:#1b1b1b;}

div#container div#videoScreen {height:240px; background:#BBB; position:relative;height:0; padding-top:56.25%;}
div#container div#videoScreen iframe {position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; border:0;}
div#container div#videoScreen div#progressBar {height:2px; width:100%; background:rgba(0,0,0,0); position:absolute; bottom:0;}
div#container div#videoScreen div#progressBar div#progress {height:100%; width:80%; background:red;}
div#container div#everythingElse {background:#1b1b1b; color:#919191; height:500px;}
div#container div#everythingElse div#videoDetails {background:transparent; padding:12px 16px 20px;}
div#container div#everythingElse div#channelDetails {background:transparent; border-top:1px solid #333333; border-bottom:1px solid #333333; padding:12px;}
div#container div#everythingElse div#otherVideos {background:transparent;}

.fa {font-size:24px;}