徹底的に排除して、快適に視聴する為あれこれやっているよ、というだけの
記事です。ほぼ備忘録。
近年のYouTubeは改悪に次ぐ改悪でどんどん使いづらくなっているので、
この辺をどうにかしないとまともに視聴する事すら困難になっていますよね。
自分はPCの使用時間のほぼ8割くらいはYouTubeに居るので、使いづらく
されると観る気が失せるのです。
なので、自分がYouTubeを快適に利用する為に使っているブラウザ拡張や、
StyleBot等のCSSをご紹介。
尚、YouTubeはかなり頻繁にコロコロと仕様を変え(仕事をした気になって)
るので、気付いたらここも修正して行く予定～。
■ブラウザ拡張
入れているChrome用のブラウザ拡張は以下の通り(但し普段使用している
ブラウザは Brave です)。
BlockTube
ある程度は純正機能「チャンネルをおすすめに表示しない」で対応出来ます
が、これってしばらくするとまた出て来たりするんですよね。
不快なチャンネルはBlockTubeに登録してしまえば、解除するまでは二度と
出て来ません。
動画タイトル・チャンネル名・動画ID・チャンネルID・コメントまで対応
しています。
h264ify
60fpsの動画を強制的に30fpsにしてくれます。以前から個人的に、動画って
60fpsで観る必要あります？30fpsで十分じゃね？と思うのであります。
ShortsBlocker - Remove Shorts from YouTube
PCで視聴する上で、スマホの縦動画は正直観るに堪えません。t*kt*kに対抗
したのでしょうが、Shortsは観たくないので全てブロックしています。
StereoToMono
最近は減りつつありますが、音声、特に人の声が右や左に片寄っていると、
ものすごく聞きづらいんですよね。そんな時はこの拡張で強制的にモノラル
音声とする事で、中央から聞こえるようになります。
世界中のYouTuberさんに声を大にして言いたい。人の声をメインで撮る時は
音声をモノに設定してくれ…。カメラや喋っている人の移動に合わせて声も
左右に移動するのは、観ていてもの凄く気になります。
Youtube Playback Speed Control
音楽やよほど興味のあるもの以外は、大抵2倍速で視聴しています。しかし
いちいち右下の設定から再生速度を変えるのは面倒。この拡張を入れると、
右上に速度を変更する小さなボタンがホバーするので、ここから再生速度を
素早く変更できます。
YouTube Row Fixer
最近のYouTubeは何だか知らないけどやったらサムネイルをデカくする傾向
にありますね。フルHDで横3つとか。情報量が減ってスクロールが増えると
いう点に考えが行かないんでしょうか。
この拡張を入れると、一行のサムネイル数を自由に変更できます。6個位が
一番見やすいかな。
YouTube Unrounded Thumbnails
上のサムネイルくそデカ問題と同様、なぜかサムネイルやプレーヤのカドを
丸くしたがるんですよね。スマﾋｮ向けUIなら分からなくもないんですが、
PCでカドを丸くする意味が全く分からない。
この拡張を入れると、丸くなったカドを従来の四角に戻す事が出来ます。
■CSS・JS
StyleBot
上記拡張だけではどうにも出来ない不満点を解消してくれるのがStyleBot。
CSSを登録する事で、Webページを好きなように改変できます。YouTube用に
自分が登録しているCSSは以下の通り。
/*【角丸廃止】サムネイル*/
yt-thumbnail-view-model {
border-radius: 0 !important;
}
/*【角丸廃止】終了画面*/
.ytp-ce-video.ytp-ce-large-round, .ytp-ce-playlist.ytp-ce-large-round, .ytp-ce-large-round .ytp-ce-expanding-overlay-background {
border-radius: 0 !important;
}
/*【角丸廃止】再生リストや検索ボックス*/
div#container, button[aria-label="検索"] {
border-radius: 0 !important;
}
/*【角丸廃止】動画後に一覧で表示されるおすすめ動画*/
div[style^="background-image: url"] {
border-radius: 0 !important;
}
/*【角丸廃止】動画プレーヤー*/
ytd-player#ytd-player {
border-radius: 0 !important;
}
/*【検索結果】動画のサムネイル画像を小さくする*/
.ytd-search #primary #contents :is(ytd-thumbnail,.yt-lockup-view-model-wiz__content-image,#avatar-section) {
max-width: 200px !important;
min-width: unset !important;
}
/*左メニューの「ショート」削除*/
ytd-guide-entry-renderer:has(a#endpoint[title="ショート"]) {
display: none !important;
}
/*検索結果とトップページの「ミックスリスト」を非表示にする（2024年11月14日修正）*/
[page-subtype="home"] yt-lockup-view-model.lockup:has(path[d^="M9 6a3 3 0 00-."]) {
display: none !important;
}
/*ヘッダーのジャンルバーを非表示*/
div#header:has([component-style$="BAR_STYLE_TYPE_DEFAULT"]:not([component-style$="CHANNEL_PAGE_GRID"]) #chips-wrapper) {
display: none !important;
}
/*チャンネルページの「メンバー優先・限定」非表示（2025年03月26日作成）*/
#contents ytd-rich-item-renderer.ytd-rich-grid-renderer:has([aria-label^="メンバー"]) {
display: none !important;
}
/* YouTubeのおすすめ欄でメンバー限定動画を非表示にする */
yt-lockup-view-model:has(yt-content-metadata-view-model .yt-badge-shape--commerce) {
display: none !important;
}
/*検索結果のプレイリストのサムネイル縮小*/
#contents ytd-item-section-renderer .yt-lockup-view-model--horizontal { display: flex !important; align-items: flex-start !important; gap: 12px !important; }
/*検索結果の中でプレイリストのサムネイルのサイズを変更するCSS*/
#contents ytd-item-section-renderer .yt-lockup-view-model--collection-stack-2 [class*="Stack"], #contents ytd-item-section-renderer .yt-lockup-view-model--collection-stack-2 a.yt-lockup-view-model__content-image, #contents ytd-item-section-renderer .yt-lockup-view-model--collection-stack-2 yt-thumbnail-view-model { width: 200px !important; height: 112px !important; }
#contents ytd-item-section-renderer .yt-lockup-view-model--collection-stack-2 a.yt-lockup-view-model__content-image { flex-shrink: 0 !important; display: block !important; }
#contents ytd-item-section-renderer .yt-lockup-view-model--collection-stack-2 [class*="Stack"] { background-size: cover !important; }
#contents ytd-item-section-renderer .yt-lockup-view-model--collection-stack-2 yt-thumbnail-view-model img { width: 200px !important; height: 112px !important; object-fit: cover !important; }
#contents ytd-item-section-renderer .yt-lockup-view-model--collection-stack-2 .yt-lockup-view-model__metadata { flex: 1 !important; min-width: 0 !important; overflow: hidden !important; }
/* ホバー時のタッチフィードバック背景を透明に（主な原因を防ぐ） */
ytd-rich-item-renderer:hover .yt-spec-touch-feedback-shape__hover-effect {
background: transparent !important;
opacity: 0 !important;
}
これだけ大量のCSSを導入しないと、まともに観られないYouTubeって…。
拡張と機能が重複しているものもありますが、拡張が効かなくなった場合の
保険って事で。
不満な部分をGrokさんに尋ねると、たちどころにCSSを作ってくれるので、
大変重宝しています。リンク集にもある「ナポリタン寿司のPC日記」さん
にも有益な情報が多いので、参考にさせて頂いています。
No YouTube Volume Normalization
これはTampermonkey用のスクリプトです。YouTubeは動画の音量を勝手に
下げる「ラウドネスノーマライゼーション」という余計な機能が働いていて、
これが音楽の視聴時などに結構邪魔するんですよね。それを無効化する為の
スクリプトです。
以上が、通常YouTubeを視聴する上で利用している拡張・CSSの類ですね～。
いかにYouTubeが使いづらいかが分かります。余計なものが多いんですよ。
機能を実装する分には構わないんですが、それならせめてON/OFFする設定を
付けてほしい。「ほら、こういう機能作ってやったぞ。ありがたいだろ～？
よし使え」はホント勘弁して下さいよ。
YouTubeはもっとユーザに寄り添ったUIを心がけるように。
