NEW YouTube layout


Recommended Posts

Is it only for Chrome ? When I hit install it just opens a new page with the script code displayed

EDIT - NM, I just read the how to :p

download it and paste it into a plugin like stylish if its not working for you the way it is. I wouldn't bother personally but as I said before in the thread, it'd be easily done.

One thing I do love about the new layout is that playlists are now built into the video player. I hated the old playlist HUGE bar at the bottom, the video would start playing, you'd get the scroll at the right place then the stupid playlist bar would pop up and scroll the screen. It was also far too big.

I'm actually liking the new design TBH, just don't get the off centre thing.

Who in this day and age actually browses with the browser full screen? At first I didn't "get it" till I maximized my browser, then I saw it, but I never maximize my browser so it's not a real issue

I do when im on my laptop as its a small widescreen screen.

if you're on firefox you need to install the greasemonkey add-on

download it and paste it into a plugin like stylish if its not working for you the way it is. I wouldn't bother personally but as I said before in the thread, it'd be easily done.

One thing I do love about the new layout is that playlists are now built into the video player. I hated the old playlist HUGE bar at the bottom, the video would start playing, you'd get the scroll at the right place then the stupid playlist bar would pop up and scroll the screen. It was also far too big.

I'm actually liking the new design TBH, just don't get the off centre thing.

Thanks, I installed GreaseMonkey and all is aligned centrally again :)

For anyone who liked uploads only, this is the direct link to it: https://www.youtube.com/feed/subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

Is there a version for stylish? That doesn't seem to work with it. The 2 scripts on userstyles.org that I found don't seem to work either.

I'll make one. will post it asap

For anyone who liked uploads only, this is the direct link to it: https://www.youtube....subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

I'll make one. will post it asap

Thanks for both!

the one i linked uses greasemonkey not stylish

I'm aware of that and I was asking if you were aware of a version that works with stylish.

In any case Guth seems to be on the job. (Y)

the one i linked uses greasemonkey not stylish

there is no greasemonkey for chrome AFAIK ?

thats why I installed stylish when i was looking for greasemonkey a while ago.

Problem is, stylish uses CSS but greasemonkey can run javascript.

Youtubes body has a class of "site-left-aligned" but if you change that to site-centre-aligned it does centre. However, you need javascript to replace the class.

Im going to try just edit the site-left-aligned class with stylish and see if i can get it to centre.

I use Magic Actions to increase the width of videos and have them default to 1080p:

The homepage is still incredibly inefficient in terms of utilising screen space but that's unfortunately true of so many websites.

That video is not even centered on your screen, lmao.

Heres my centre youtube script for stylish

Click the stylish button > Managed installed Styles > Write New Style

Paste this into the code box:


/*Centre Youtube by Guth */
#yt-masthead-container {
margin: 0 auto;
}
#page-container {
margin: 0 auto;
width: 1100px;
}
[/CODE]

Then next to "Applies to" click Specify > "URLs on the domain" and enter youtube.com

click save and you're done. Hopefully with a centred YouTube :)

I've tested this on both my monitors (1280x1024 and 1366x768) and it works fine with me.

For anyone who liked uploads only, this is the direct link to it: https://www.youtube....subscriptions/u

I have youtube in my bookmarks bar, so I changed the bookmark from the homepage to that^

Now when I click it, i go straight to uploads :)

I use http://www.youtube.c...y_subscriptions

It's a lot tighter than the list view in the link you gave.

there is no greasemonkey for chrome AFAIK ?

thats why I installed stylish when i was looking for greasemonkey a while ago.

Problem is, stylish uses CSS but greasemonkey can run javascript.

Youtubes body has a class of "site-left-aligned" but if you change that to site-centre-aligned it does centre. However, you need javascript to replace the class.

Im going to try just edit the site-left-aligned class with stylish and see if i can get it to centre.

both greasemonkey and stylish are built into chrome

both greasemonkey and stylish are built into chrome

??

IT has a console you could paste those scripts, but you'd have to do it each time.

I tried clicking install without greasemonkey on that site you linked and it told me I could not install userscripts from that site.

I use http://www.youtube.c...y_subscriptions

It's a lot tighter than the list view in the link you gave.

nice! thats even better :) thanks

??

IT has a console you could paste those scripts, but you'd have to do it each time.

I tried clicking install without greasemonkey on that site you linked and it told me I could not install userscripts from that site.

oh yeah, chrome changed that recently, they only allow direct installation of extensions from the chrome web store

to install extensions from other sites you have to right click and save the extension to a folder then goto "chrome menu > tools > extensions" and drag the extension from the folder into chrome and then it will install

they changed this a few months ago for added "security"

http://lifehacker.com/5919997/how-to-install-extensions-that-arent-from-the-official-chrome-web-store

Heres my centre youtube script for stylish

Click the stylish button > Managed installed Styles > Write New Style

Paste this into the code box:


/*Centre Youtube by Guth */
#yt-masthead-container {
margin: 0 auto;
}
#page-container {
margin: 0 auto;
width: 1100px;
}
[/CODE]

Then next to "Applies to" click Specify > "URLs on the domain" and enter youtube.com

click save and you're done. Hopefully with a centred YouTube :)

I've tested this on both my monitors (1280x1024 and 1366x768) and it works fine with me.

Thanks, works for Chrome but not for Firefox, oddly. Stylish for firefox does not have that "Applies to" feature that I can find.

Thanks, works for Chrome but not for Firefox, oddly. Stylish for firefox does not have that "Applies to" feature that I can find.

Yeah I dont use FF so made that on chrome. Someone posted a greasemonkey one for FF.

It should still work without the applies to bit.

Although if any other site you use has those exact class names it may break them lol. Unlikely though.

If you are on FF the greasemonkey script is better as it can use javascript and actually replace the left with centered class which is actually in the CSS from youtube themselves, so that would work better. Just made the stylish one as there is no greasemonkey for FF.

Alternatively you could download the FF grasemonkey script and paste it into chromes console, but you'd have to do that every time you visited youtube.

oh yeah, chrome changed that recently, they only allow direct installation of extensions from the chrome web store

to install extensions from other sites you have to right click and save the extension to a folder then goto "chrome menu > tools > extensions" and drag the extension from the folder into chrome and then it will install

they changed this a few months ago for added "security"

http://lifehacker.co...hrome-web-store

Yep I knew that for extensions, but never heard of installing scripts? Only in the console as I mentioned earlier.

Yep I knew that for extensions, but never heard of installing scripts? Only in the console as I mentioned earlier.

no, it's the same for installing scripts from userscripts.org, just drag the script into the extensions window and it installs

not sure why you would do it through the console, because as you said, if you do it that way you have to apply it every time

edit: scripts install just like extensions in chrome

post-335698-0-43066400-1354906329.png

That video is not even centered on your screen, lmao.

Firstly, the new design is aligned to the left. Secondly, I don't use my browser maximised because of the wasted space. Here's a screenshot of what it looks like when I do:

youtubejno.jpg

And here is Pinterest for comparison:

pinteresty.jpg

now just need to find another stop autoplay extension

youtube options note that you will have to re-enable most of the UI elements after installing becuase it whites out the stuff that's not related to the video like comments, etc...

post-361542-0-46973100-1354929266.png

they seem to be coming out with a new layout every 3 months. this one is the worst so far.

that is very annoying since most people got stuff in muscle memory :( specially with youtube.....

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Posts

    • ImgDrive 2.2.7 by Razvan Serea ImgDrive is a CD/DVD/BD emulator - a tool that allows you to mount optical disc images by simply clicking on them in Windows Explorer. If you have downloaded an ISO image and want to use it without burning it to a blank disc, ImgDrive is the easiest way to do it. ImgDrive features: One-click mounting of iso, cue, nrg, mds/mdf, ccd, isz images Runs on 32-bit and 64-bit Windows versions Mount ape, flac, m4a, wav, wavpack, tta file as AUDIO CD (16-bit/44.1kHz) Mount a folder as DVD/BD Mount images in command line Does not require rebooting after installation Support up to 7 virtual drives at the same time Support multi session disc image (ccd/mds/nrg) A special portable version is available Translated to more than 10 languages Support File Type: .ccd - CloneCD image files .cue - Cue sheets files of ape/flac/m4a/tta/wav/wv/bin .iso - Standard ISO image files .isz - Compressed ISO image files .nrg - Nero image files .mds - Media descriptor image files ImgDrive 2.2.7 changelog: Added command line parameter to set number of drives Added AACS-Auth support for HD DVD Bumped kernel driver version to 2.2.7 Download: ImgDrive 2.2.7 | 692 KB (Freeware, paid upgrade available) Download: ImgDrive Portable 535 KB View: ImgDrive Home Page | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • AnyDesk 9.7.7 by Razvan Serea AnyDesk is a fast remote desktop system and enables users to access their data, images, videos and applications from anywhere and at any time, and also to share it with others. AnyDesk is the first remote desktop software that doesn't require you to think about what you can do. CAD, video editing or simply working comfortably with an office suite for hours are just a few examples. AnyDesk is designed for modern multi-core CPUs. Most of AnyDesk's image processing is done con­currently. This way, AnyDesk can utilize up to 90% of modern CPUs. AnyDesk works across multiple platforms and operating systems: Windows, Linux, Free BSD, Mac OS, iOS and Android. Just 7 megabytes - downloaded in a glimpse, sent via email, or fired up from your USB drive, AnyDesk will turn any desktop into your desktop in se­conds. No administrative privileges or installation needed. AnyDesk 9.7.7 fixes: Fixed an issue that prevented users from creating meetings without an active license Download: AnyDesk 9.7.7 | 8.0 MB (Free for private use, paid upgrade available) Links: AnyDesk Home Page | Other platforms | Release History | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • I used a Pixel 10 Pro XL when it first came out for about 8 months. When I first got it, it was using Google assistant and that was fast, when asking it to call somone etc. Then it automatically switched with some update to Gemini. Doing even the simplist of things like asking it to call someone in my contacts was soooooo slow compared to Google assistant. I guess it had to go out to the cloud to do that? Back on iPhone and while Siri is dumb right now, it does do those simple things, like call someone, set a timer, star the stop watch etc, really fast. That an while I like Google Material Design 3 over iOS 26, they Pixel 10 Pro XL was so slow in comparison to the iPhone 17 Pro I am using.
    • I use Gemini in my rotation of AI clients...that work pays for. It is good at most things, better than copilot for imgage searching and making images, worse at writing vs Claude and way worse at hadling technical issues when it comes to Azure stuff. I also use YT premium and maps. Anything else Google is a pass for me. I have now seen multiple people locked out of their Google accounts for reasons that are just very vauge.
    • Microsoft is building an AI datacenter that "uses less water than a fast food restaurant" by Ivan Jenic Image: Microsoft Microsoft has announced plans to build a new datacenter campus in Pecos, Texas, as the company continues to invest billions in AI infrastructure. The new facility, called project Kilby, will reportedly have a capacity of 2 gigawatts and will be one of the largest single capacity additions in the company’s history. To power the campus, Microsoft signed a 20-year deal with Chevron to supply natural gas from the Permian Basin, America's largest oil field. This deal is set to become the largest collaboration to date between a U.S. oil and gas giant and Big Tech. It’s no secret that Big Tech has often been criticized for exploiting natural resources for its AI developments. Microsoft is trying to mitigate some of that negative consensus by promising to build its own power supply for the new datacenter, independent of the public grid. The Pecos datacenter will be powered by a power plant hub, built by Chevron, with up to 2.5 gigawatts of gas-fired capacity, with potential to scale to up to 5 gigawatts. The facility will include at least seven GE Vernova turbines, with first power potentially coming online as early as late 2027 or early 2028. The power plant hub is part of an approximately $7 billion investment by Chevron, making it one of the largest dedicated energy projects tied to a single datacenter campus in the U.S. Microsoft hasn’t publicly disclosed the amount it’s investing in the new datacenter. Microsoft has also committed to implementing a closed-loop cooling system that will only require an initial water charge to operate. The company said that “the total lifecycle water use of this datacenter is only a fraction of that consumed annually by a typical fast-food restaurant.” What the press release doesn’t mention, however, is how much water the natural gas plant itself will consume, or how a 20-year fossil fuel commitment squares with the company's pledge to be carbon negative by 2030. The construction of the new datacenter should provide over 6,000 construction jobs at peak build-out, and create hundreds of operational job roles once the facility is built. Via: Reuters
  • Recent Achievements

    • Dedicated
      tuben earned a badge
      Dedicated
    • Week One Done
      mnsgroup earned a badge
      Week One Done
    • Conversation Starter
      sumytbe earned a badge
      Conversation Starter
    • One Year In
      B4dM1k3 earned a badge
      One Year In
    • One Year In
      DarkWun earned a badge
      One Year In
  • Popular Contributors

    1. 1
      +primortal
      525
    2. 2
      +Edouard
      199
    3. 3
      PsYcHoKiLLa
      94
    4. 4
      Michael Scrip
      82
    5. 5
      Steven P.
      67
  • Tell a friend

    Love Neowin? Tell a friend!