☰

YouTube Layout Master

每行合并 6/5 个缩略图 (自适应)、删除 Shorts、禁用 AV1/WebRTC、添加视频适配切换、清理 URL，并为小屏幕优化字体大小。

作者
shuaidebuxing
日安装量
2
总安装量
59
评分
3 0 0
版本
0.4
创建于
2025-05-08
更新于
2025-05-08
大小
26.5 KB
许可证
MIT
适用于

描述 (Description / Additional Info for GreasyFork)

YouTube Layout Master & Enhancer: 体验极致优化的YouTube！

本脚本致力于全面提升您的YouTube浏览体验，通过智能布局、界面清理和实用功能增强，让YouTube更符合您的使用习惯。

✨ 核心特性 ✨

  1. 智能自适应网格布局 (Adaptive Grid Layout):

    • 大屏幕优化 (默认 >1600px CSS 宽度): 享受信息密度更高的 6 列 视频展示。
    • 中小屏幕优化 (≤1550px CSS 宽度): 自动切换至更舒适的 5 列 视频展示，避免内容拥挤。
    • 动态元素尺寸 (≤1600px CSS 宽度): 视频标题、元数据字体及头像会根据屏幕宽度适当调整，确保在各种尺寸屏幕上的可读性与美观。
    • 布局修正: 解决了原版在特定频道页面网格布局偏移的问题，确保内容正确居中。

  2. 界面清理 (Interface Clean-up):

    • 移除Shorts (Remove Shorts): 全面隐藏YouTube界面中的Shorts相关元素，包括侧边栏入口、主页/搜索结果中的Shorts栏目、信息流短视频以及频道页的Shorts标签。
      • 注意: 此功能通过CSS隐藏，可能在原Shorts位置留下空白区域。

  3. 技术优化 (Technical Optimizations):

    • 禁用AV1视频编码 (Disable AV1): 尝试阻止浏览器使用AV1编码，可能强制YouTube提供VP9/H.264等替代编码，有助于在AV1硬件解码支持不佳的设备上降低CPU/GPU负载。
    • 禁用WebRTC (Disable WebRTC): 禁用浏览器的WebRTC功能，以阻止潜在的P2P连接。

  4. 播放器增强 (Player Enhancements):

    • 视频裁切模式切换 (Player Video Fit Toggle): 在播放器设置菜单中添加“裁切模式”开关，允许在 contain (默认，完整显示) 和 cover (裁切填满) 之间轻松切换视频填充模式。设置会自动保存。

  5. 体验改进 (Quality of Life Improvements):

    • URL参数清理 (Clean URL Params): 自动从YouTube网址中移除常见的跟踪参数 (如 si, pp, gclid, utm_* 等)，使URL更简洁。
    • 强制系统字体 (Use System Fonts): 覆盖YouTube的默认网页字体，强制使用操作系统的默认界面字体，提供更统一的视觉体验。
    • 移除全局灰度滤镜 (Remove Black Backdrop Filter): 移除可能存在的全局页面灰度效果 (一项预防性功能)。

🛠️ 安装与使用 🛠️

  1. 安装用户脚本管理器:
    • 您需要先为浏览器安装一个用户脚本管理器扩展，例如 Tampermonkey (支持Chrome, Edge, Safari, Firefox等)。
  2. 安装本脚本:
    • 点击GreasyFork页面上的“安装此脚本”按钮，用户脚本管理器将引导您完成安装。
  3. 开始使用:
    • 安装完成后，刷新YouTube页面即可体验新功能。各项功能默认开启。

🧑‍💻 自定义与进阶调整 (DIY Customization) 🧑‍💻

本脚本默认配置针对常见的屏幕尺寸（如14英寸笔记本和27英寸4K显示器）进行了优化。如果您希望针对自己特定的多屏幕环境进行更精细的调整（例如修改不同屏幕宽度下的列数、字体大小等），可以参考以下指南：

基本原理： 脚本通过CSS中的“媒体查询” (Media Queries) 实现响应式布局。您可以修改这些查询的断点和内部的样式规则。

调整步骤：

  1. 确定屏幕的CSS像素宽度 (逻辑分辨率):
    • 在目标屏幕上打开YouTube，使用浏览器开发者工具 (通常按F12) 查看视口宽度，或在调整浏览器窗口大小时观察其变化，找到您希望布局发生变化的临界宽度值。
  2. 修改脚本中的CSS：
    • 在用户脚本管理器中编辑此脚本。
    • 找到 const sixThumbs = { ... }; 模块。
    • 在其内部的 GM_addStyle(e\...`);中，您可以看到类似@media (max-width: 1600px) { ... }和@media (max-width: 1550px) { ... }` 的代码块。
    • 修改断点： 调整 max-width 的值以匹配您的屏幕。
    • 修改样式： 在对应的媒体查询块内，修改以下CSS变量或属性：
      • --ytd-rich-grid-items-per-row: X !important; (设置每行视频数量为 X)
      • ytd-rich-grid-renderer { max-width: calc(...) !important; } (根据新的列数调整网格最大宽度)
      • ytd-rich-item-renderer #video-title { font-size: Yrem !important; line-height: Zrem !important; } (调整标题字体大小和行高)
      • ytd-rich-grid-media #metadata-line { font-size: Arem !important; line-height: Brem !important; } (调整元数据字体大小和行高)
      • ytd-rich-grid-media #avatar-link { width: Cpx !important; height: Cpx !important; } (调整头像大小)
  3. 保存并测试： 保存脚本更改，刷新YouTube页面查看效果。

提示词示例 (如果您想使用AI辅助修改，可以提供给AI)：

“我有一个油猴脚本的CSS部分，用于YouTube布局。我想在屏幕宽度小于等于 [您的宽度] 时，将每行视频数改为 [列数]，标题字体为 [大小]，元数据字体为 [大小]，头像为 [尺寸]。请帮我修改以下CSS，并确保 ytd-rich-grid-renderer 的 max-width 正确调整（基于 --ytd-rich-grid-item-max-width: 360px 和 --ytd-rich-grid-item-margin: 16px 计算）：\n\n[粘贴脚本中 sixThumbs 模块的 GM_addStyle 内的CSS代码]”

⚠️ 注意事项 ⚠️

  • YouTube网站会不定期更新，可能导致脚本部分功能（特别是界面相关的CSS选择器）失效。届时请关注脚本更新。
  • 禁用AV1编码的实际效果取决于您的硬件配置。

如果您喜欢这个脚本，请考虑在GreasyFork上给予好评！遇到问题或有功能建议，欢迎通过脚本反馈渠道进行交流。

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址