Bilibili 極簡模式

B站寬螢幕 (支援直式影片)

/* ==UserStyle==
@name         Bilibili 極簡模式
@version      5.5
@namespace    http://tampermonkey.net/
@description  B站寬螢幕 (支援直式影片)
@license      MIT
==/UserStyle== */
@-moz-document regexp("https://www.bilibili.com/video/.*"),regexp("https://www.bilibili.com/list/.*"), regexp("https://www.bilibili.com/history")

    {
.win.video-info-container{  margin-top: -1%}

.main-content { /*history width*/
    width: 80%!important;
    max-width: 100% ;}

/* 基礎播放器設定 */
#playerWrap {
  height: initial;
  margin-top: -1%;
}

/* 影片播放器核心容器 */
video,
#bilibili-player{
  width:  auto;
  height: auto;
  max-height: calc(100vh - 140px);
  object-fit: contain;
}

/* 影片比例控制系統 */
.scroll-sticky.left-container,.playlist-container--left{
  width: 100%;
}
/* 新版右側欄位 - 動態高度適配 */
.right-container{
  right: 0;
  height: auto;
  max-height: none;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.85);
  transition: 0.0s ease; /* 特效 */
}
@media (width >= 1920px) { /* 高於此寬度保留右區塊 */
.right-container {
    position: absolute ;
      opacity: 1;}
#playerWrap {
    width: 98%;}
.video-toolbar-container{margin-top:2%}}/*修復讚、幣bar寬螢幕時位移的問題*/
        
@media (width < 1919px) { /* 低於此寬度移除右區塊 */
.right-container,.playlist-container--right{
  position: absolute !important;
  clip-path: polygon(70% 4%, 100% 4%, 100% 20%, 70% 20%);}
.playlist-container--right{
  right: 0;
  height: auto;
  max-height: none;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.85);
  transition: 0.0s ease; /* 特效 */}}

/* 主標題欄隱藏效果 */
#biliMainHeader,
.mini-header.bili-header__bar{
  position: absolute !important;
  height: auto;
  top: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.85);
  clip-path: polygon(0% 0, 200% 0%, 200% 100%, 0% 100%);}

/* 懸停觸發展開效果 */
.right-container:hover,.playlist-container--right:hover,#biliMainHeader:hover,.mini-header.bili-header__bar:hover {opacity: 1;clip-path: none;}

/* 修改全螢幕部分代碼 */
:fullscreen #bilibili-player,
:fullscreen video {max-height: none !important;}.slide-ad-exp{display:none}
}