Greasy Fork is available in English.

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

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

Stan na 24-10-2019. Zobacz najnowsza wersja.

// ==UserScript==
// @name        ニコニコ動画 動画視聴モード
// @description 動画視聴時の補助機能詰め合わせ。
// @include     http://www.nicovideo.jp/watch/*
// @include     https://www.nicovideo.jp/watch/*
// @author      toshi(https://www.bugbugnow.net/p/profile.html)
// @license     MIT License
// @see         https://opensource.org/licenses/MIT
// @version     6.1
// @see         1 - 2018/01/01 - 初版
// @see         2 - 2018/05/07 - 機能を統合「ニコニコ動画のHTML5/Flash版で視聴するバーを移動」
// @see         3 - 2018/07/07 - 動画部のクリックで再生/停止制御を追加
// @see         3.1 - 2018/10/21 - https対応
// @see         4 - 2019/06/11 - 動画部のクリックで再生/停止制御を再度対応
// @see         5 - 2019/06/20 - プレイヤー内のポップアップメニューと最上部バーの被り対応
// @see         6 - 2019/10/04 - 動画のクリックで再生/停止が動作しなくなっていた（クリック領域を変更）
// @see         6.1 - 2019/10/24 - プレイヤー上部の空間を減らす
// @grant       none
// @namespace https://www.bugbugnow.net/
// ==/UserScript==

// HTML5とFlash切換えバーをページ下部へ移動する。
(function () {
  // Flash版
  var flash = document.querySelector('.html5_message');
  var footer = document.querySelector('#footer');
  if (flash && footer) {
    flash.style.margin = '0px';
    footer.insertAdjacentElement('beforebegin', flash);
  }
  // HTML5版
  var html = document.querySelector('.SwitchToFlashLead');
  var footer = document.querySelector('.FooterContainer');
  if (html && footer) {
    footer.style.marginTop = '0px';
    footer.insertAdjacentElement('beforebegin', html);
  }
})();

// 動画視聴モードへ移行
// 上部のメニューバーをクリックで通常/動画モード切換える
(function () {
  var header  = document.querySelector('#siteHeader');
  var header2  = document.querySelector('#siteHeaderInner');
  header.addEventListener('click', function (event) {
    // 上部の黒いバーの時(リンクを除く)
    if (event.target === header || event.target === header2) {
      var player = null;
      if ((player=document.querySelector('#playerContainerWrapper')) != null) {
        // Flash版
        if (document.querySelector('.videoMode') == null) {
          document.querySelector('#content').insertAdjacentElement('afterbegin', player);
          player.classList.add('videoMode');
        } else {
          document.querySelector('#enquete-placeholder').insertAdjacentElement('beforebegin', player);
          player.classList.remove('videoMode');
        }
      } else if ((player=document.querySelector('.MainContainer')) != null) {
        // HTML5版
        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 = '';
        }
      }
    }
  }, false);
  
  // 動画モードへ移行
  header.click();
})();

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