YouTubeでスペースキーのスクロール機能を無効にする方法! 再生/一時停止のみ有効にしよう

YouTube

PCでWebブラウザを見ているとき、スペース を押すと基本的にはページのスクロールダウンが実行されますが、YouTubeページでは動画の再生 / 一時停止として機能します。

ただ、たまにYouTubeページでも スペース を押すとページのスクロールダウンが実行され、再生 / 一時停止とならなかった経験はありませんか?

状況によって、スクロールダウンする場合と再生 / 一時停止する場合とで分かれると、操作している中で非常に面倒です。

そこで本記事では、YouTubeで スペース のスクロール機能を無効にし、再生 / 一時停止のみ有効にする方法を紹介します。

photo by eGuidry

 

スポンサーリンク

YouTubeでスペースキーのスクロールを無効にする方法

 

手順①:ユーザースクリプトを追加する

まず、ブラウザの種別ごとにユーザースクリプトを動かすための拡張機能やアドオンをインストールします。

インストール Google Chrome – Tampermonkey

インストール Firefox – Greasemonkey

これを実施する背景として、今回紹介する方法では、ブラウザでユーザースクリプトを使用するための拡張機能やアドオンをインストールし、YouTubeでのみ スペース のスクロール機能を無効にします。

【ユーザースクリプト】 – 特定のウェブサイトやページにおいて、表示や機能の拡張等を行うためのスクリプトの総称のこと。

参考ブログ 風柳メモ

そこで本記事では、Google ChromeFirefoxを例に、ユーザースクリプトを使った方法を記載しています。

今回の方法は、ユーザースクリプトを使用するための拡張機能やアドオンに対応していないブラウザでは使うことができません。

具体的には、Google ChromeとFirefoxは代表的なユーザースクリプトを動かす拡張機能やアドオンがあるため、本記事でも取り上げていますが、もし使っているブラウザがSafariやIE(Edge)である場合、まずは別途ユーザースクリプトを動かす手段を探す必要があります。

続いて、インストールした拡張機能やアドオンに下記ユーザースクリプトをコピー&ペーストで追加します。

// ==UserScript==
// @name Disable space bar scrolling
// @namespace Disable Space bar scroll
// @version 0.1
// @description disable space bar scroll
// @author Space bar scroll
// @match https://www.youtube.com/*
// @grant none
// ==/UserScript==

(function() {
var k = function(action){
var eventObj = document.createEvent("Events");

eventObj.initEvent("keydown", true, true);
eventObj.keyCode = 75;
eventObj.which = 75;

document.body.dispatchEvent(eventObj);
};

var killSpaceBar = function(evt) {

var target = evt.target || {},
isInput = ("INPUT" == target.tagName || "TEXTAREA" == target.tagName || "SELECT" == target.tagName || "EMBED" == target.tagName);

// if we're an input or not a real target exit
if(isInput || !target.tagName) return;

// if we're a fake input like the comments exit
if(target && target.getAttribute && target.getAttribute('role') === 'textbox') return;

// ignore the space and send a 'k' to pause
if (evt.keyCode === 32) {
evt.preventDefault();
k();
}
};

document.addEventListener("keydown", killSpaceBar, false);

})();

例えばGoogle Chromeの「Tampermonkey」の場合、「新規スクリプトを追加…」にスクリプトをペーストする。

追加後、Firefoxの場合はブラウザの再起動が必要です。

以上で準備は完了です。

 

手順②:YouTubeページでスペースキーを押してみる

さっそくYouTubeページを表示して、スペース を押してみるとスクロールダウンが無効となっています。

例えばGoogle Chromeの場合、「Tampermonkey」のスクリプトが有効になっていると分かる。

もちろん、YouTube以外のWebサイトでは スペース は通常通りスクロールダウン機能が有効となっているため、追加したユーザースクリプトによりYouTubeでのみ機能が無効化されていることになります。

【ユーザースクリプトのインストールが面倒な場合】 – ちなみに「今回紹介したユーザースクリプトのインストールは面倒なのでやりたくない!でもキー操作でYouTubeを制御したい」という場合、 スペース の代わりに K を押すことでも再生 / 一時停止が可能なのでお試しあれ。

スペース と違って誤動作する心配もないため、ユーザースクリプト要らずで快適にキー操作できますよ。

 

〆:YouTubeでスペースキーの誤動作を無くそう!

以上、YouTubeでスペースキーのスクロール機能を無効にする方法! 再生/一時停止のみ有効にしよう の說明でした。

今回の方法では、ユーザースクリプトによって強制的にYouTube上で スペース のスクロールダウン機能を無効にしているため、キー操作による誤動作を無くすことができます。

ぜひ、お試しあれ。

参考ブログ addictivetips

YouTube
スポンサーリンク
おるくすをフォローする

関連記事

あっとはっく

コメント

  1. 匿名 より:

    スペース以外に十字キーなどのショートカットも無条件でプレイヤーの操作ができるようにしたいのですが可能ですか

    • おるくす おるくす より:

      コメントありがとうございます。ユーザースクリプリト側で指定すれば可能だと思います。具体的なスクリプト内容はお調べ下さい(ごめんなさい・・・)。

  2. 匿名 より:

    度々すみません、十字キーに関しましては解決したのですが、プレイヤーがアクティブの状況で各種キーを押すと判定が二重になってしまい、一時停止されません。
    デフォルトの機能が無効にならないようなのですが、解決策はありませんでしょうか。

    • おるくす おるくす より:

      スペース の代わりに K を押すことでも再生 / 一時停止が可能なので良いかもしれません( スペース と違って誤動作する心配もないため)