Amazonプライムビデオの画面の左上に出てくる表示を消す方法

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ブラウザ の拡張機能 を使う方法