PC-More

PCの便利化、Windowsのフリーソフトや、カスタマイズ方法の紹介。

AbemaTVで下に出るバーを非表示にする

PCでAbemaTVの海外番組を見ていると、下に出る帯で字幕が見えなくなり、邪魔な場合がありますので、それを消す方法です。対象WEBブラウザは、Google ChromeMicrosoft EdgeFirefoxです。
画像

WEBページにユーザー独自のデザインを適用する、ユーザースタイルシートユーザースタイル)という仕様を利用して実現する方法です。

構文

ユーザースタイルは、「CSS」というWEBページをデザインする仕様の文法で書きます。

今回のユーザースタイルの記述は以下の通りですので、これをコピー&ペーストして使ってください。今回は1行で記述しています。適用方法は後述します。( コピー&ペースト方法

main > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) { display: none; }

上記の意味は、以下の通りです。

main」要素直下の、( main > )
1番目の「div」要素直下の、( div:nth-child(1) > )
1番目の「div」要素直下の、( div:nth-child(1) > )
1番目の「div」要素直下の、( div:nth-child(1) > )
2番目の「div」要素直下の、( div:nth-child(2) > )
2番目の「div」要素直下の、( div:nth-child(2) > )
2番目の「div」要素直下の、( div:nth-child(2) )
1番目の「div」要素直下の、( div:nth-child(1) )
2番目の「div」要素( div:nth-child(2) )
表示無しにする( display: none; )

適用方法

ユーザースタイルの適用方法は、インターネットを閲覧するWEBブラウザによって異なりますので、以下をご覧ください。

今回のユーザースタイルを正しく適用したにも関わらず、当該のバーが消えない場合は、AbemaTVの仕様が変更された可能性があります。

Windows10の標準のWEBブラウザは「Microsoft Edge」です。