れすたぴは死んでしまった

ラビットハウスは年俸制

ニコニコ動画の全画面表示で再生バーを非表示にする方法

ニコニコ動画で全画面表示にすると、シークバーが邪魔で下のほうが見づらい。
放置すると数秒で消えるがマウスを少し動かすとまた出てくるのがうざい。 f:id:RESTAPI:20220317222156p:plain

前提条件

Windows10 21H2
Chrome 99.0.4844.51(Official Build) (64 ビット)
Tampermonkey v4.15

非表示にする方法

  1. UserScriptの実行環境を整える。
    Chrome拡張機能のTampermonkeyを導入すればOK。
    以下のリンクから[Chromeに追加]をクリックすれば導入できる。 chrome.google.com
  2. 新規スクリプトを追加
    Tampermonkeyを開いて[+]っぽいやつを押すとソースコードを貼り付ける画面が出てくる。 f:id:RESTAPI:20220317224317p:plain f:id:RESTAPI:20220317224441p:plain
  3. 以下のソースコードを貼り付けて[Ctrl]+[S]で保存する。
// ==UserScript==
// @name         ニコニコ動画フル画面時シークバー非表示
// @description  同上
// @version      0.1
// @match        https://www.nicovideo.jp/watch/*
// ==/UserScript==

(function() {
    //下部メニューバーの要素を取得
    let elm = document.querySelector(".ControllerBoxContainer");

    //全画面表示にしたときは下部メニューバーを非表示状態にする
    document.querySelector(".EnableFullScreenButton").addEventListener("click", kakudai);

    //Escキーで全画面を解除したときは下部メニューバーを表示状態にする
    document.addEventListener("keydown", shukushou);

    function kakudai(){
        setTimeout(function(){
            if(elm.className.includes("is-fullscreen") == true){
                elm.style.visibility = "hidden";
            }else{
                elm.style.visibility = "visible";
            };
        }, 500);
    }

    function shukushou(e){
        if(e.key == "Escape" || e.key == "f"){
            setTimeout(function(){
                if(elm.className.includes("is-fullscreen") == true){
                    elm.style.visibility = "hidden";
                }else{
                    elm.style.visibility = "visible";
                };
                //拡大用のイベントリスナーを再登録する
                document.querySelector(".EnableFullScreenButton").removeEventListener("click", kakudai);
                document.querySelector(".EnableFullScreenButton").addEventListener("click", kakudai);
            }, 500);
        }
    }

//     function shukushou_old(){
//         setTimeout(function(){
//             if(elm.className.includes("is-fullscreen") == true){
//                 elm.style.visibility = "hidden";
//             }else{
//                 elm.style.visibility = "visible";
//             };
//         }, 500);
//     };
})();

これで全画面表示時にシークバーが出てこなくなる。
シークバーが消えるのでボタンも押せなくなるが、
再生/停止は[Space]、全画面解除は[Esc]、10秒進むは[→]、10秒戻るは[←]
音量Upは[↑]、音量Downは[↓]、コメント表示/非表示は[Shift]+[c]
等々でキーボードから操作できる。コメントしないならこれで十分だと思う。

ショートカットキーの詳細は以下を参照。
qa.nicovideo.jp

終わり。