ニコニコ動画 動画視聴モード

動画視聴時の補助機能詰め合わせ。

// ==UserScript==
// @name        ニコニコ動画 動画視聴モード
// @description 動画視聴時の補助機能詰め合わせ。
// @match       *://www.nicovideo.jp/watch/*
// @author      toshi (https://github.com/k08045kk)
// @license     MIT License
// @see         https://opensource.org/licenses/MIT
// @version     11.2
// @note        1.0 - 2018/01/01 - 初版
// @note        2.0 - 2018/05/07 - 機能を統合「ニコニコ動画のHTML5/Flash版で視聴するバーを移動」
// @note        3.0 - 2018/07/07 - 動画部のクリックで再生/停止制御を追加
// @note        3.1 - 2018/10/21 - https対応
// @note        4.0 - 2019/06/11 - 動画部のクリックで再生/停止制御を再度対応
// @note        5.0 - 2019/06/20 - プレイヤー内のポップアップメニューと最上部バーの被り対応
// @note        6.0 - 2019/10/04 - 動画のクリックで再生/停止が動作しなくなっていた(クリック領域を変更)
// @note        6.1 - 2019/10/24 - プレイヤー上部の空間を減らす
// @note        7.0 - 2020/07/08 - ニコニコ動画バージョンアップ対応
// @note        8.0 - 2020/10/31 - 誘導があまりにも邪魔なため、しかたなく非表示
// @note        9.0 - 2020/12/03 - シリーズリンクのパラメータを削除(訪問済みリンク判定しやすくする)
// @note        9.1 - 2020/12/03 - fix メニューバークリックのモード切換え処理が動作していなかった
// @note        9.2 - 2020/12/04 - fix 内部的なページ遷移後にシリーズリンクのパラメータを削除しない
// @note        9.4 - 2020/12/07 - 内部ページ移動時にページ最上部へ移動
// @note        10.0 - 2021/01/06 - Flash処理を削除
// @note        11.0 - 2021/01/13 - fix メニューバークリックのモード切換え処理が動作していなかった
// @note        11.1 - 2021/02/26 - fix メニューバークリックのモード切換え処理で不必要に動作する
// @note        11.2 - 2021/02/26 - fix シリーズがない動画で動作が不安定になる
// @see         https://www.bugbugnow.net/2018/01/niconicovideomode.html
// @see         https://greasyfork.org/ja/scripts/367647
// @grant       none
// @namespace https://www.bugbugnow.net/
// ==/UserScript==

// 動画視聴モードへ移行
// 上部のメニューバーをクリックで通常/動画モード切換える
(function () {
  const toggleVideoMode = function() {
    let player = document.querySelector('.MainContainer');
    if (player) {
      if (document.querySelector('.videoMode') == null) {
        document.querySelector('.WatchAppContainer-main').insertAdjacentElement('afterbegin', player);
        player.classList.add('videoMode');
        player.style.marginTop = '32px';
      } else {
        document.querySelector('.HeaderContainer').insertAdjacentElement('afterend', player);
        player.classList.remove('videoMode');
        player.style.marginTop = '';
      }
    }
  };
  
  window.addEventListener('click', function(event) {
    const header = document.querySelector('#CommonHeader > div > div');
    const header2 = document.querySelector('#CommonHeader > div > div > div > div + div');
    //if (header.contains(event.target) || header == event.target) {
    if (header == event.target || header2 == event.target) {
      toggleVideoMode();
    }
  });
  
  // 動画モードへ移行
  toggleVideoMode();
})();

// 動画のクリックで再生/停止
(function () {
  window.addEventListener('load', function(){
    const player = document.querySelector('.InView.VideoContainer');
    if (player != null) {
      player.addEventListener('click', function() {
        const play = document.querySelector('.ActionButton.ControllerButton.PlayerPlayButton');
        const stop = document.querySelector('.ActionButton.ControllerButton.PlayerPauseButton');
        if (play != null) {
          play.click();
        } else if (stop != null) {
          stop.click();
        }
      });
    }
  });
})();

// 誘導を非表示
(function () {
  function addLocalStyle(text) {
    const style = document.createElement('style');
    style.textContent = text;
    document.head.appendChild(style);
  };
  window.addEventListener('load', function() {
    // 動画内ポップアップを非表示
    addLocalStyle('.PreVideoStartPremiumLinkOnEconomyTimeContainer { display:none; }');
  });
  // 補足:本処理は、ユーザースタイルとして独立させるほうが正しい
})();

// シリーズリンクのパラメータを削除(ブラウザが訪問済みリンク判定しやすくする)
(function () {
  const target = document.querySelector('.VideoDescription');
  const config = {attributes:true, childList:true, subtree:true};
  const callback = function(mutationsList, observer) {
    document.querySelectorAll('a.RouterLink').forEach(function(v) {
      if (v.href.indexOf('?') != -1) {
        v.href = v.href.split('?')[0];
      }
    });
  };
  new MutationObserver(callback).observe(target, config);
  window.addEventListener('load', callback);
})();

// 内部ページ移動時にページ最上部へ移動
(function () {
  document.body.addEventListener('click', function(event) {
    if (event && event.target && event.target.href) {
      if (event.target.href.indexOf('://www.nicovideo.jp/watch/') != -1) {
        window.scroll({top:0, behavior:'smooth'});
      }
    }
  });
})();