シナリオ:
アプリを開き、YouTube が埋め込まれた iframe を含む画面をクリックし、再生をクリックすると、iframe の上に青い四角が表示されます。
[戻る] をクリックすると、アプリは前の画面に移動しますが、青い四角が残っ
ています。この青い四角が表示されるのはなぜですか?
どうすればそれを取り除くことができますか?
青い四角が表示される理由は、ユーザーがクリックしたリンク/インタラクティブ オブジェクトをユーザーに通知するためです。これはブラウザーに組み込まれているため、ユーザーはどのリンクをクリックしたかがわかります。特に古い Web サイトでは、リンクが近接している場合に顕著です。
すべての要素から青いアウトラインを削除する場合は、これをスタイルシートに追加します。
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
ビデオの青いボックスのみを削除する場合は、上記のスタイルを youtube の埋め込みに適用します。