[技巧] 油管首页改版招怨，一键恢复到经典的 5 列布局

瞻宇 • • Chrome
[技巧] 油管首页改版招怨，一键恢复到经典的5列布局

几天之前，谷歌对 YouTube 的首页进行了大幅改版——原来一行 5 列的视频缩略图布局，已被一行 3 列布局取代。展示在用户面前的，是一个个臃肿无比的缩略图。开始用户们乐观地认为这是一个 Bug，谷歌很快会修复它。结果事与愿违，因为这是一次真正的改版。有网友抱怨说：“新版缩略图比我的手机还大！”

Ublock Origin 插件用户可通过添加自定义过滤规则来恢复到 5 列布局。方法是复制以下代码粘贴到 Ublock Origin 插件的 “自定义静态规则” 编辑器中并应用更改即可。

! YouTube Fix & Customization by Arch v1.8.4 ! (1/11) YouTube 4 Videos Per Row Fix (Home and Channel Pages) / YouTube Fix & Customization

youtube.com##ytd-rich-grid-row, #contents.ytd-rich-grid-row:style(display:contents !important;)

youtube.com##ytd-rich-grid-renderer, html:style(–ytd-rich-grid-items-per-row: 5 !important;)

youtube.com##ytd-rich-grid-renderer, html:style(–ytd-rich-grid-posts-per-row: 5 !important;)

youtube.com##ytd-rich-grid-media #video-title:style(font-size: 17px !important;)

如在 Chrome 浏览器中不奏效，可应用以下代码：

! Changing the amount of videos per row
youtube.com##ytd-rich-grid-renderer:style(–ytd-rich-grid-items-per-row: 6 !important;)
youtube.com##ytd-rich-grid-renderer:style(–ytd-rich-grid-posts-per-row: 6 !important;)
! Using full page width for video grids
youtube.com##ytd-two-column-browse-results-renderer.grid-6-columns:style(width: 100% !important;)
youtube.com##ytd-two-column-browse-results-renderer.grid:not(.grid-disabled):style(max-width: 100% !important;)

如在 Firefox 浏览器中不奏效，可应用以下代码：

! YouTube Fix & Customization by Arch v1.8.4
! YouTube 5 Videos Per Row Fix (Home and Channel Pages)

youtube.com##ytd-rich-grid-row:style(display: contents !important;)
youtube.com##ytd-rich-grid-renderer:style(–ytd-rich-grid-items-per-row: 5 !important;)
youtube.com##ytd-rich-grid-renderer:style(–ytd-rich-grid-posts-per-row: 5 !important;)
youtube.com##ytd-rich-grid-media #video-title:style(font-size: 17px !important;)

本站电报频道  / 电报群
赞 (1)
瞻宇的头像瞻宇
0 4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

评论列表（4条）

  • Merkin的头像
    Merkin 2025-04-24 20:26

    评论里的似乎也没生效，Chrome 135.0.7049.96

    回复
    • techant的头像
      techant 2025-04-25 00:20

      @Merkin：可以尝试应用原文（已更新）针对 Chrome 的样式。

      回复
  • 1111的头像
    1111 2025-04-24 17:53

    方法无效。
    – Firefox 137.0.2

    回复
    • techant的头像
      techant 2025-04-24 18:32

      @1111：感谢反馈，可以尝试应用以下代码（已在 Firefox 137.0.2 上初步测试）：

      ! YouTube Fix & Customization by Arch v1.8.4
      ! YouTube 5 Videos Per Row Fix (Home and Channel Pages)

      youtube.com##ytd-rich-grid-row:style(display: contents !important;)
      youtube.com##ytd-rich-grid-renderer:style(–ytd-rich-grid-items-per-row: 5 !important;)
      youtube.com##ytd-rich-grid-renderer:style(–ytd-rich-grid-posts-per-row: 5 !important;)
      youtube.com##ytd-rich-grid-media #video-title:style(font-size: 17px !important;)

      回复