返回首頁 

B站视频页 - 视频合集样式

修改新版视频页的视频合集样式


Install this script?
// ==UserScript==// @name         B站视频页 - 视频合集样式// @namespace    mscststs// @version      1.7// @license      ISC// @description  修改新版视频页的视频合集样式// @author       mscststs// @match        https://www.bilibili.com/video/*// @icon         https://www.bilibili.com/favicon.ico// @require      https://greasyfork.org/scripts/38220-mscststs-tools/code/MSCSTSTS-TOOLS.js?version=713767// @run-at       document-body// @grant        none// ==/UserScript==(function() {'use strict';StartVideoCollection();async function StartVideoCollection(){await mscststs.wait(".video-pod .video-pod__header .header-top .left .title");var article = document.querySelector("body");var boolean = 0;function setVideoCollection() {var leftTitle = document.querySelector(".video-pod .video-pod__header .header-top .left .title");var videoPod = document.querySelector(".video-pod .video-pod__body");//alert(document.querySelectorAll(".video-pod .simple-base-item .title .title-txt")[0].innerHTML);var collectionMaxHeight = "215px";var videoMaxHeight = "348px";if(leftTitle.innerHTML != "视频选集" && videoPod.style.maxHeight != collectionMaxHeight){videoPod.style.cssText += "max-height:"+collectionMaxHeight+"!important;";//alert(0);VideoCollection();var slideItems = document.querySelectorAll(".pod-slide .slide-inner .slide-item");if(slideItems) {for(let i = 0; i < slideItems.length; i++) {slideItems[i].addEventListener('click', function() {setTimeout(function() {VideoCollection();});});}}setTimeout(async function() {await mscststs.wait(".pod-slide-more-popover .pod-slide-more-dropdown .slide-item");var dropdownSlideItems = document.querySelectorAll(".pod-slide-more-popover .pod-slide-more-dropdown .slide-item");for(let i = 0; i < dropdownSlideItems.length; i++) {dropdownSlideItems[i].addEventListener('click', function() {setTimeout(function() {VideoCollection();});});}});} else if(leftTitle.innerHTML == "视频选集" && document.querySelectorAll(".video-pod .simple-base-item .title .title-txt")[0].innerHTML.search(/^P\d&nbsp;+/) == -1) {videoPod.style.cssText += "max-height:"+videoMaxHeight+"!important;";//alert(document.querySelectorAll(".video-pod .simple-base-item .title .title-num")[0]);VideoOperation();var leftVideoMode = document.querySelector(".video-pod .video-pod__header .header-top .left .view-mode");if(leftVideoMode) {leftVideoMode.addEventListener('click', function() {if(boolean == 1) {boolean = 2;} else if(boolean == 2) {VideoOperation();}});}}}async function VideoCollection() {await mscststs.wait(".video-pod .simple-base-item");let normals = document.querySelectorAll(".video-pod .simple-base-item");//let fontCSS = "font-size:14px; font-family:PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif;";let fontCSS = "font-size:14px; line-height:30px;";for(let i = 0; i < normals.length; i++) {normals[i].style.margin = "5px 0";normals[i].querySelector(".title").style.cssText += "height: 30px;";normals[i].querySelector(".title .title-txt").style.cssText += fontCSS;normals[i].querySelector(".stats").style.cssText += fontCSS;}}async function VideoOperation() {await mscststs.wait(".video-pod .simple-base-item");if(document.querySelectorAll(".video-pod .simple-base-item .title .title-txt")[0].innerHTML.search(/^P\d&nbsp;+/) == -1) {let normals = document.querySelectorAll(".video-pod .simple-base-item");let fontCSS = "font-size:13.5px; line-height:30px;";for(let i = 0; i < normals.length; i++) {normals[i].style.margin = "5px 0";normals[i].querySelector(".title").style.cssText += "height: 30px;";normals[i].querySelector(".title .title-txt").style.cssText += fontCSS;normals[i].querySelector(".stats").style.cssText += fontCSS;//normals[i].querySelector(".title .title-txt").insertAdjacentHTML("beforebegin", "<div class='title-num' style='"+fontCSS+" margin-right:10px;'>P"+(i+1)+"</div>");normals[i].querySelector(".title .title-txt").innerHTML = "P"+(i+1)+"&nbsp;&nbsp;&nbsp;"+normals[i].querySelector(".title .title-txt").innerHTML;}boolean = 1;}}var options = { 'childList': true, 'attributes':true };const callback = function(mutationsList, observer) {setVideoCollection();};const observer = new MutationObserver(callback);observer.observe(article, options);setVideoCollection();/*var time = 500;for(var i = 0; i < 20; i++) {setTimeout(function() {setVideoCollection();//alert(123);}, time);time += 500;}*/}})();