Skip to content

Instantly share code, notes, and snippets.

@djak250
Created October 11, 2016 15:18
Show Gist options
  • Select an option

  • Save djak250/65ec9711ff3aded38a7b581b59c7a6b3 to your computer and use it in GitHub Desktop.

Select an option

Save djak250/65ec9711ff3aded38a7b581b59c7a6b3 to your computer and use it in GitHub Desktop.
Floats Youtube video above comments to scroll while keeping video in view.
.watch-stage-mode #player {
position: fixed !important;
width: 100% !important;
z-index: 9999 !important;
top: 60px;
}
.watch-stage-mode #placeholder-player {
display: none;
}
@media(min-width: 1320px) {
.watch-stage-mode #watch7-main {
padding-top: 720px;
}
}
@media (max-width: 1319px) and (min-width: 657px) {
.watch-stage-mode #watch7-main {
padding-top: 480px;
}
}
@media(max-width: 656px) {
.watch-stage-mode #watch7-main {
padding-top: 250px;
}
}
@Gideon-Felt
Copy link

What's the best way to implement this? apply with extension? or is there something you can do inside of browser settings to manually apply this styling?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment