← 作ったコード。
TwitchのVideo Statsの任意の行を非表示
TwitchプレイヤーのVideo Statsの任意の行を非表示にするスタイル。
先頭の設定ブロックでコメントアウトしていない項目だけを非表示にします。
CSS
コードをコピー
@-moz-document url-prefix("https://www.twitch.tv/") { /* ===== Twitch video stats 表示/非表示スイッチ ===== */ /* コメントアウトしていない行だけ消える */ [data-a-target="player-overlay-video-stats"] { --hide-header: none; /* --hide-download-resolution: none; */ /* --hide-render-resolution: none; */ /* --hide-viewport-resolution: none; */ /* --hide-download-bitrate: none; */ --hide-bandwidth-estimate: none; /* --hide-fps: none; */ /* --hide-skipped-frames: none; */ /* --hide-buffer-size: none; */ /* --hide-live-latency: none; */ /* --hide-codecs: none; */ /* --hide-protocol: none; */ --hide-render-surface: none; --hide-latency-mode: none; --hide-backend-version: none; --hide-play-session-id: none; --hide-serving-id: none; } /* ===== 実際の適用部分 ===== */ [data-a-target="player-overlay-video-stats"] table > thead { display: var(--hide-header, table-header-group) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="ダウンロード解像度"], [aria-label="Download Resolution"]) ) { display: var(--hide-download-resolution, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="レンダリング解像度"], [aria-label="Render Resolution"]) ) { display: var(--hide-render-resolution, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="ビューポート解像度"], [aria-label="Viewport Resolution"]) ) { display: var(--hide-viewport-resolution, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="ダウンロードビットレート"], [aria-label="Download Bitrate"]) ) { display: var(--hide-download-bitrate, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="予測帯域幅"], [aria-label="Bandwidth Estimate"]) ) { display: var(--hide-bandwidth-estimate, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="FPS"]) ) { display: var(--hide-fps, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="フレームスキップ数"], [aria-label="Skipped Frames"]) ) { display: var(--hide-skipped-frames, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="バッファサイズ"], [aria-label="Buffer Size"]) ) { display: var(--hide-buffer-size, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is( [aria-label="配信遅延時間"], [aria-label="Latency To Broadcaster"], ) ) { display: var(--hide-live-latency, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="コーデック"], [aria-label="Codecs"]) ) { display: var(--hide-codecs, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="プロトコル"], [aria-label="Protocol"]) ) { display: var(--hide-protocol, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="レンダリングサーフェス"], [aria-label="Render Surface"]) ) { display: var(--hide-render-surface, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="遅延モード"], [aria-label="Latency Mode"]) ) { display: var(--hide-latency-mode, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="バックエンドバージョン"], [aria-label="Backend Version"]) ) { display: var(--hide-backend-version, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="プレイセッションID"], [aria-label="Play Session ID"]) ) { display: var(--hide-play-session-id, table-row) !important; } [data-a-target="player-overlay-video-stats-row"]:has( p:is([aria-label="サービングID"], [aria-label="Serving ID"]) ) { display: var(--hide-serving-id, table-row) !important; } }