Trying to be compliant with youtube

server/public/assets/css/style.css

@@ -1875,7 +1875,7 @@ ul #chat-log {
   z-index: 99;
   width: 100%;
   color: white;
-  height: calc(100vh - 64px - 32px);
+  height: calc(100vh - 64px - 0px);
   transition: transform 0.5s ease-out, width 0.5s ease-out, height 0.5s ease-out,
     opacity 1s;
   -moz-transition: transform 0.5s ease-out, width 0.5s ease-out,
@@ -2030,7 +2030,7 @@ margin-right: 52%;
 
 #player {
   height: 95%;
-  height: calc(100% - 32px);
+  height: calc(100% - 0px);
   position: relative;
   transform: translate(0%, 0%);
   z-index: 99;
@@ -2048,7 +2048,7 @@ margin-right: 52%;
 #fireplace_player {
   z-index: 999;
   /*width: calc(100% - .75rem);*/
-  height: calc(100% - 32px);
+  height: calc(100% - 0px);
   position: absolute;
   display: none;
   pointer-events: none;
@@ -2984,7 +2984,7 @@ margin-right: 52%;
 }
 
 .host-mode-height #player_overlay {
-  height: calc(100vh - 32px);
+  height: calc(100vh - 0px);
 }
 
 .host-mode-width {
@@ -3036,6 +3036,7 @@ margin-right: 52%;
 }
 
 #main_components {
+  display: none;
   position: absolute;
   top: calc(100% - 26px);
   width: 100%;

server/public/assets/js/player.js

@@ -1226,7 +1226,6 @@ var Player = {
       Player.player = new YT.Player("player", {
         videoId: video_id,
         playerVars: {
-          rel: "0",
           autoplay: 1,
           wmode: "transparent",
           controls: "0",
@@ -1234,7 +1233,8 @@ var Player = {
           iv_load_policy: "3",
           theme: "light",
           color: "white",
-          showinfo: 0
+          modestbranding: "0",
+          playsinline: "1"
         },
         events: {
           onReady: Player.onPlayerReady,

server/public/partials/channel/header.handlebars

@@ -37,13 +37,12 @@
                             </div>
                         </div>
                     </li>
-                    {{#if client}}
-                        <li class="skip_next_client">
-                            <div class="nav-btn skip">
-                                <i class="material-icons">skip_next</i>
-                            </div>
-                        </li>
-                    {{/if}}
+
+                    <li class="skip_next_client">
+                        <div class="nav-btn skip">
+                            <i class="material-icons">skip_next</i>
+                        </div>
+                    </li>
                     <li class="shuffle-btn-container">
                         <div class="nav-btn" id="shuffle">
                             <i class="material-icons">shuffle</i>