nicovideo-player-expander

Move the sidebar down and expand the player to fit the window size on nicovideo.
当前为 2024-08-09 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        nicovideo-player-expander
// @namespace   https://github.com/dnek
// @version     1.1
// @author      dnek
// @description Move the sidebar down and expand the player to fit the window size on nicovideo.
// @description:ja    ニコニコ動画のサイドバーを下に移動し、ウィンドウサイズに合わせてプレイヤーを拡大します。「nicovideo-next-video-canceler」「nicovideo-autoplay-canceler」は別のスクリプトです。
// @homepageURL https://github.com/dnek/nicovideo-player-expander
// @match       https://www.nicovideo.jp/watch/*
// @grant       GM_addStyle
// @license     MIT license
// ==/UserScript==

GM_addStyle(`
@media not all and (display-mode: fullscreen) {
  #root > div.min-w_\\[max-content\\] {
    min-width: auto;
  }
  div[aria-label="nicovideo-content"] > section.grid-template-areas_\\[_\\"player_sidebar\\"_\\"meta_sidebar\\"_\\"bottom_sidebar\\"_\\"\\._sidebar\\"_\\] {
    --watch-player-expandable-width-by-browser: calc(
      100vw
      - var(--watch-layout-gap-width) * 2
      - var(--scrollbar-width)
    );
    --watch-player-expandable-height-by-browser: calc(
      100vh
      - var(--common-header-height)
      - var(--web-header-height)
      - var(--watch-controller-height)
      - var(--watch-actionbar-height)
      - var(--watch-player-bottom-margin-height)
    );
    --watch-player-expandable-width: calc(
      min(
        var(--watch-player-expandable-width-by-browser),
        var(--watch-player-expandable-height-by-browser) * (16 / 9)
      )
    );
    grid-template-columns: var(--watch-player-expandable-width);
    grid-template-areas: "player" "meta" "bottom" "sidebar";
  }
  div.grid-area_\\[sidebar\\] > div[data-watch-floating-panel="floating"] > section {
    position: fixed;
    top: calc(var(--sizes-common-header-in-view-height) + var(--sizes-web-header-height) + var(--spacing-x3));
    width: var(--sizes-watch-sidebar-width);
  }
}
`);