css - モバイル デバイスのデフォルトの動画再生ボタンをオーバーライドする CSS

Question

HTML5ビデオプレーヤーで、iPhoneなどのモバイルデバイスのデフォルトのビデオ再生ボタンの前にあるクリック可能なリンクで画像をオーバーライドまたはフロートするためにcssを使用するにはどうすればよいですか?

Answer 1

メディア クエリを使用して、新しいボタンを表示するデバイスに適した画面幅をターゲットにする必要があります。DEFAULTボタンdisplay: none;のメディア クエリに css を適用します。新しいボタン用に完全に別の HTML を作成し、新しいメディア クエリの下で新しいボタン用に作成します。display: block;

次に、モバイル サイズよりも大きい画面のメディア クエリについては、上記を逆にして、デフォルト ボタンdisplay: block;と新しいボタンを作成します。display: none;