您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
更改YouTube首页,每行显示5个视频,且优化视频封面大小
当前为
// ==UserScript== // @name YouTube 首页每行5个视频(优化封面大小) // @namespace http://tampermonkey.net/ // @version 0.2 // @description 更改YouTube首页,每行显示5个视频,且优化视频封面大小 // @author You // @match https://www.youtube.com/* // @grant none // @license MIT // ==/UserScript== (function() { 'use strict'; // 修改视频网格布局和视频元素的尺寸 function changeYouTubeGrid() { // 选择视频网格的容器 const videoGrid = document.querySelectorAll('#contents.ytd-rich-grid-renderer'); if (videoGrid.length > 0) { videoGrid.forEach(container => { container.style.display = 'grid'; container.style.gridTemplateColumns = 'repeat(5, 1fr)'; // 每行5个视频 container.style.gap = '12px'; // 缩小间距以增加封面大小 }); } // 调整每个视频块的宽高比例,使封面看起来更大 const videoItems = document.querySelectorAll('ytd-rich-item-renderer'); videoItems.forEach(item => { item.style.width = 'auto'; // 自动适应列宽 item.style.height = 'auto'; // 高度也自适应 }); // 通过CSS调整视频封面的大小 const thumbnails = document.querySelectorAll('ytd-thumbnail img'); thumbnails.forEach(thumb => { thumb.style.width = '100%'; // 封面占满整个视频块的宽度 thumb.style.height = 'auto'; // 高度根据宽度自适应 }); } // 初次加载时调用一次 changeYouTubeGrid(); // 监听DOM变化,在页面加载新内容时重新应用修改 const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { changeYouTubeGrid(); }); }); // 开始监听变化 observer.observe(document.body, { childList: true, subtree: true }); })();