動畫瘋 clean windowed fullscreen userstyle

README.md

動畫瘋乾淨視窗全螢幕

這是一份給 ani.gamer.com.tw 動畫瘋播放器使用的 UserStyle。

動畫瘋內建的視窗全螢幕／劇院模式會保留作品名稱與集數切換。這份樣式只會在頁面進入 .top_sky.fullwindow 狀態時生效，隱藏播放器以外的頁面區塊，讓播放器填滿整個瀏覽器視窗。

安裝方式

1. 安裝 UserStyle 管理器，例如 Stylus。
2. 開啟安裝連結： ani-gamer-windowed-fullscreen.user.css
3. Stylus 會自動偵測這份 UserStyle，確認安裝即可。
4. 開啟動畫瘋影片頁，例如： https://ani.gamer.com.tw/animeVideo.php?sn=48731
5. 開啟動畫瘋內建的視窗全螢幕／劇院模式。

截圖

範例使用《上伊那牡丹，醉姿如百合》第 1 集。

套用前：

套用後：

視窗全螢幕時會隱藏

• 頁首和主選單
• 影片標題與集數選單
• 作品資訊、舊集數列表、商店區塊、評分、相關新聞區塊
• 留言區標題、留言列表和頁尾

規則只套用在 https://ani.gamer.com.tw/animeVideo.php*，而且只有頁面進入視窗全螢幕狀態時才會生效。

after.png

ani-gamer-windowed-fullscreen.user.css

/* ==UserStyle==
@name           動畫瘋 - 乾淨視窗全螢幕
@namespace      yukai.codex.ani-gamer
@version        1.0.3
@description    讓動畫瘋劇院／視窗全螢幕填滿瀏覽器視窗，並隱藏播放器下方的集數、作品資訊與留言區。
@author         yukai
==/UserStyle== */

@-moz-document url-prefix("https://ani.gamer.com.tw/animeVideo.php") {
html:has(.top_sky.fullwindow),
body:has(.top_sky.fullwindow) {
  overflow: hidden !important;
  background: #000 !important;
}

.top_sky.fullwindow,
.top_sky.fullwindow ~ nav.mainmenu {
  display: none !important;
}

.top_sky.fullwindow ~ #BH_background {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  overflow: hidden !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #000 !important;
}

.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > section.player {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #000 !important;
}

.top_sky.fullwindow ~ #BH_background .videoframe.vjs-fullwindow,
.top_sky.fullwindow ~ #BH_background .video.fullwindow,
.top_sky.fullwindow ~ #BH_background #ani_video,
.top_sky.fullwindow ~ #BH_background #ani_video_html5_api {
  position: absolute !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.top_sky.fullwindow ~ #BH_background #ani_video.vjs-fluid {
  padding-top: 0 !important;
}

.top_sky.fullwindow ~ #BH_background #ani_video_html5_api {
  object-fit: contain !important;
  background: #000 !important;
}

.top_sky.fullwindow ~ #BH_background .vjs-control-bar {
  z-index: 2 !important;
}

.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > .anime-title,
.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > .data,
.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > .old_list,
.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > .store,
.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > .animate-theme-list,
.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > .commend-segment-wrapper,
.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > .main-container_wall-post,
.top_sky.fullwindow ~ #BH_background > .container-player.fullwindow > #danmublackmsg,
.top_sky.fullwindow ~ #BH_background > .container-player.commend-title,
.top_sky.fullwindow ~ #BH_background > .container-player.commendlist-wrapper,
.top_sky.fullwindow ~ .footer,
.top_sky.fullwindow ~ #BH_background .anime-title .season {
  display: none !important;
}
}

before.png