YoutubeのUIが見づらい
今までちょくちょく、YoutubeのUIに変化はありましたが、
ついに我慢できなくなりました。(笑)
2026年の変更では、おすすめ動画が大きくなりましたよね。しかも横幅画面いっぱいに情報が配置されています。
目がチカチカするんだなこれ…。
なんとか元に戻してみようと思ったのですが、その時にやった事を書き残してみます。
安全性などその他諸々を調べてから実行することをお勧めします！！！！！！
拡張機能を導入
デフォルトではどうしようもなさそうなので、手軽にできる拡張機能を導入することにしました。
Stylebotという拡張機能を導入しました。
Help
Change the appearance of the web instantly.
stylebot.dev
これを使えば、UIの調整を行うことが出来ます。
Stylebot – Chrome ウェブストア
ウェブの外観を瞬時に変更
chromewebstore.google.com
私の場合はchromeなので、chromeに追加します。
拡張機能を有効化した後にクリック
オプションを選択します。
新しいスタイルを追加します。
CSSを貼る
一例としてですが、画像のように入力して保存してください。
/下記を四角いボックスの中に入力/
https://www.youtube.com/*
/* 画面右のコンテンツの最大幅を調整 */
#secondary{
max-width: 300px;
}
youtubeを既に開いていた場合は画面を再読み込みして、適用されていればOK。
どの状態に戻したいかで、内容は変わるとは思います。CSSで変更するといったのではなく、GUIでも設定できそうです。
“Stylebotを開く”からでも同様の設定はできます。
フォントサイズとかならば↑”ベーシック”のタブで変更できそう。（時間があったら確認したい）
かなり端折りましたが…多分これが一番手っ取り早い手段かも？
今後アプデがあった際にはこれが使えるかはわからないが…参考になりますと幸いです。
#player {
width: 95% !important;
}
/* 動画全画面時のコメント欄を非表示 */
div#panels-full-bleed-container {
width: 0px;
}
/* 画面右のコンテンツの最大幅を調整 */
#secondary {
max-width: 100px;
}
/* 画面右のコンテンツのサムネイルのサイズを調整 */
#contents > yt-lockup-view-model > div > a {
width: 50%;
}
コメント