Greasy Fork 镜像站

YouTube - Proper Description

Watch page description below the video with proper open/close toggle, instead of a side bar.

Install this script ?

Ask a question, post a review, or report the script.

Author

q1k

Daily installs

Total installs

9,290

Ratings

27 12 7

Version

2.2.7

Created

2022-02-25

Updated

2025-12-14

Size

32.1 KB

License

N/A

Applies to

youtube.com

YouTube changed the description box below the video on the watch page.
This script tries to revert to the old proper description style layout as well as the one without the side bar.

Note:
Install if your description has changed to the compact version or the 'show more' button opens in a side bar and you want to bring it back.
There is no need to install this if you still have the original behavior (Unless you want to be prepared).

I urge anyone that downloads this script to send feedback directly to Youtube telling them that the new layout is hard to use or w/e (think of something, be creative). You can even Tweet at them (@TeamYouTube). Maybe they won't go through with the terrible redesign.

Script doesn't do anything?
Turn on debug mode. Go to edit the script in your script manager,
in the top locate the variable debug_mode and change from false to true var debug_mode = true; then save and reload youtube.
Now open the console (F12) and share a screenshot of the logs. There should be messages like "[YTPD] - searching for elements", "[YTPD] - found: ytd-watch-metadata", etc, ending with "[YTPD] - done"

Additional:
In versions prior to 1.1.0 I had a wider description expander button (shown in screenshot 'after').
If you like it, you can install that as a new userstyle using Stylus extension,

here's the code:

#description, #description > * { margin-left: 0; }

ytd-watch-metadata .desc_toggles { width: 100%; border-top: 1px solid; border-radius: 0; text-align: center;
 cursor: pointer; margin-top: 1em; background: linear-gradient(rgba(0,0,0,0.02), transparent);}

ytd-watch-metadata, ytd-watch-metadata .desc_toggles { border-color: rgba(0,0,0,0.125); padding-bottom: 0; border-bottom: none; }
[dark] ytd-watch-metadata, [dark] ytd-watch-metadata .desc_toggles { border-color: rgba(255,255,255,0.125); /*var(--yt-spec-10-percent-layer); /*dark: rgba(255, 255, 255, 0.2), light: rgba(0, 0, 0, 0.1)*/ }

[dark] ytd-watch-metadata .desc_toggles { background: linear-gradient(rgba(255,255,255,0.02), transparent); }
ytd-watch-metadata .desc_toggles:hover { background: rgba(0,0,0,0.03); }
[dark] ytd-watch-metadata .desc_toggles:hover { background: rgba(255,255,255,0.03); }
ytd-watch-metadata .desc_toggles .desc_text { margin: 0; padding: 4px; }

Video glowing?
Turn off "ambient mode" in the player settings
ambient

Other scripts you may like:

扫码关注【爱吃馍】