Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make video sticky on desktop so you can scroll the comments while still watching it #17

Open
insin opened this issue Feb 26, 2024 · 1 comment
Labels
desktop Specific to the desktop version (www.youtube.com) enhancement New feature or request

Comments

@insin
Copy link
Owner

insin commented Feb 26, 2024

No description provided.

@insin insin added enhancement New feature or request desktop Specific to the desktop version (www.youtube.com) labels Feb 26, 2024
@insin
Copy link
Owner Author

insin commented Mar 30, 2024

This CSS unsticks the header, makes the video half of view height and allows comments to scroll underneath it

  • Requires Cinema mode
  • The video needs to be forced to reflow after the style is applied
  • This breaks fullscreen display

So we need to be able to:

ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy {
  max-height: 50vh;
  aspect-ratio: 16/9;
  position: sticky;
  top: 0;
  /* Display video on top of scrolled content */
  /* This specific value is needed to cover the channel name */
  z-index: 301;
  min-height: unset;
}

#masthead-container.ytd-app {
  position: static;
}

#page-manager.ytd-app {
  margin-top: 0 !important;
}

Screenshot 2024-03-30 at 10 41 20 pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
desktop Specific to the desktop version (www.youtube.com) enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant