B站寬螢幕 (支援直式影片)
/* ==UserStyle==
@name Bilibili 極簡模式
@version 5.3
@namespace http://tampermonkey.net/
@description B站寬螢幕 (支援直式影片)
@license MIT
==/UserStyle== */
@-moz-document regexp("https://www.bilibili.com/video/.*"),regexp("https://www.bilibili.com/list/.*"){
.win.video-info-container{ margin-top: -1%}
/* 基礎播放器設定 */
#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{
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 >= 1917px) { /* 高於此寬度保留右區塊 */
.right-container {
position: absolute ;
opacity: 1;
}
#playerWrap {
width: 98%;}
/*修復讚、幣bar寬螢幕時位移的問題*/
.video-toolbar-container{margin-top:2%}
}
@media (width < 1917px) { /* 低於此寬度移除右區塊 */
.right-container{
position: absolute !important;
clip-path: polygon(70% 4%, 100% 4%, 100% 20%, 70% 20%);
}
}
/* 主標題欄隱藏效果 */
#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,
#biliMainHeader:hover,
.mini-header.bili-header__bar:hover {
opacity: 1;
clip-path: none;
}
/* 修改全螢幕部分代碼 */
:fullscreen #bilibili-player,
:fullscreen video {
max-height: none !important;
}
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址