Trying to be compliant with youtube

This commit is contained in:
Kasper Rynning-Tønnesen
2019-11-05 14:44:08 +01:00
parent 938dac703e
commit 72acad3547
3 changed files with 13 additions and 13 deletions

View File

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

View File

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

View File

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