b站直播样式优化

播放器窗口调整为720p(适配于:全屏状态的Chrome,电脑分辨率:1920*1080)

目前为 2020-08-01 提交的版本。查看 最新版本

// ==UserScript==
// @name         b站直播样式优化
// @namespace    http://tampermonkey.net/
// @version      1.1.4
// @description  播放器窗口调整为720p(适配于:全屏状态的Chrome,电脑分辨率:1920*1080)
// @author       aotmd
// @match        https://live.bilibili.com/*
// @grant        none
// ==/UserScript==

(function() {
	var setting={
		聊天上下间距:0,
	};
    //1.1.0更新内容,当发现有活动主题时,跳转到原始页面
    var Removeactivetopics=function Removeactivetopics(){
        var dot=document.getElementsByTagName("iframe");
        var regex=/live\.bilibili\.com\/blanc\/.+?liteVersion=true/;
        for(var i=0;i<dot.length;i++){
            if(regex.test(dot[i].src)){
            	window.location.href=dot[i].src;
            }
        }
    };
    setTimeout(Removeactivetopics,0);
    //自动下拉窗口
    window.onload=function (){
    	setTimeout(function(){
    		window.scrollTo(0,64);
    	},0);
	};
    /*样式调整*/
    function addStyle(rules) {
        var styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
        styleElement.appendChild(document.createTextNode(rules));
    }
    addStyle(`
/*1.0.0*/
/*聊天栏宽度调整*/
#aside-area-vm {
    width: 400px !important;
    right: -150px !important;
}

/*调整排行榜:居中,元素宽度100%*/
.tabs.isHundred {
    text-align: center;
    margin: 0 auto;
}
#rank-list-ctnr-box {
    width: 100%;
}

/*调整视频区域位置与大小*/
.live-room-app .app-content .app-body .player-and-aside-area .left-container {
    width: calc(100% - 212px - 12px);
    right: 50px;
}

/*----------下拉框调整----------*/

/*提示文字*/
.guard-rank-cntr .rank-cntr .btn-box .guard-daily-record .board-icon+.daily-text {
    margin-top: -63px !important;
}
/*上船按钮*/
button.bl-button.live-skin-highlight-text.live-skin-separate-area-hover.bl-button--primary.bl-button--size {
    left: -35px !important;
    top: -34px !important;
}
/*div位置调整*/
.guard-daily-record.live-skin-main-text {
    margin-left: 52px;
}
/*航海之旅文字*/
img.daily-record-title-img {
    left: 150px !important;
}
/*图标*/
.guard-rank-cntr .rank-cntr .btn-box .guard-daily-record .board-icon {
    top: -18px !important;
    left: -277px !important;
}

/*---------下拉框调整END---------*/

/*2233按钮位置调整*/
.avatar-btn.pointer.a-scale-in-ease.model-22 {
    left: 150px;
    position: relative;
}
.avatar-btn.pointer.a-scale-in-ease.model-33 {
    left: 150px;
    position: relative;
}

/*迷你播放器调整:删除圆角,全显示标题*/
.live-player-ctnr.minimal {
    border-radius: 0;
    width: 1280px;
    height: 720px;
}
.live-player-ctnr.minimal:before {
    width: auto !important;
}

/*背景高度调整*/
.room-bg.p-fixed {
    max-height: 1080px !important;
}

/*1.1.1优化辣条提示,不导致聊天区域上升*/
div#penury-gift-msg {
    max-height: 26px;
    bottom: 18px;
}
div#chat-history-list {
    height: 100%
}
/*1.1.3减慢礼物提示动画速度*/
.penury-gift-item.v-middle.a-move-in-top {
    -webkit-animation: move-in-top cubic-bezier(.22,.58,.12,.50) 0.8s;
    animation:move-in-top cubic-bezier(.22,.58,.12,.50) 0.8s;
}
/*1.1.4舰长margin,背景消除,标志消除,padding消除,边框更改*/
.chat-history-panel .chat-history-list .chat-item.danmaku-item.chat-colorful-bubble {
	margin: 0!important;
	background-color: transparent!important;
}
.fans-medal-item.medal-guard{
	margin-left:0px!important;
	border-color: #769fd2!important
}
i.medal-deco.medal-guard{
	display: none!important;
}
.fans-medal-item .fans-medal-label.medal-guard{
	padding-left: 4px!important;
}
    	`);
    /*1.1.2 调整聊天上下间距*/
    addStyle(".chat-history-panel .chat-history-list .chat-item{padding: "+setting.聊天上下间距+"px 5px !important;}");
})();

QingJ © 2025

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