Amazonプライムビデオ を見ていると、最初の方で画面左上に出てくるあの表示。
これが度々出てくるので、消すことはできないかと調べていたところ、
詳しいことが書かれたブログがあった。
記事を見てみると、
この表示は、何も操作しないままでいると7秒間経過した後、自動的に消えます。再生時やシークバーを移動した後で再度表示されます。
申し訳ございませんが、仕様のためこの表示を非表示にすることはできませんが、表示されましたら、そのまま何も操作しないで7秒間ほどお待ちくださいますようお願いいたします。
とのことだった。
とりあえず、Amazon上で非表示にする設定はないみたい。
しかし、HTMLの要素をよく見てみると、テキスト文字で入っていたので、
Javascript を使って消してみることにした。
最初は、spanタグを全部消そうとしたが、
それをやめて、styleタグに「spanタグの非表示」を設定した。
そのブックマークレットがこちら。
javascript:(function(){var newStyle = document.createElement('style');newStyle.type = 'text/css';newStyle.innerText = 'span {visibility: hidden}';document.getElementsByTagName('HEAD').item(0).appendChild(newStyle);alert("span visibility:hidden")})();これを実行すれば、該当の文字が表示されない。
ブラウザをリロードすれば、また spanタグが復活して元に戻る。
追記 2021/03/29
こちらは、最後の方に出てくる、次の動画を表示した「Next up」。
これを消すブックマークレット。
javascript:(function(){var newStyle = document.createElement('style');newStyle.type = 'text/css';newStyle.innerText = 'div.atvwebplayersdk-nextupcard-wrapper {display:none;}';document.getElementsByTagName('HEAD').item(0).appendChild(newStyle);alert("span visibility:hidden")})();「左上の表示」と「Next up」の両方を消すブックマークレット。
javascript:(function(){var newStyle = document.createElement('style');newStyle.type = 'text/css';newStyle.innerText = 'span {visibility: hidden;} div.atvwebplayersdk-nextupcard-wrapper {display:none;}';document.getElementsByTagName('HEAD').item(0).appendChild(newStyle);alert("span visibility:hidden")})();追記 2021/03/29
Chromeブラウザ の拡張機能 を使う方法