グーグルクロームでビデオのネイティブ再生ボタンを非表示

ミッシー

動画の中央にあるデフォルトの再生ボタンを非表示にしようとしています。カスタムの再生ボタンがありますが、タブレットとモバイルではネイティブの再生ボタンがその下に表示されています。::--webkit-media-controls-play-buttonまたはでCSSにアクセスできません::-webkit-media-controls-start-playback-button

https://stackoverflow.com/questions/39602852/disable-download-button-for-google-chrome# =と同じ問題が発生していますが、同様の解決策を見つけるのに苦労しています。

以下のCSSでコントロールを完全に非表示にすることはできますが、この場合は再生ボタンのみを非表示にします。

video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
}

何か案は?

ジョン・ウレイス

少し検索しましたが、ここコメントで見つけて、Chrome forAndroidで動作することを確認しました。

video::-webkit-media-controls-overlay-play-button {
  display: none;
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

CSSでネイティブAndroidHTML5ビデオ再生ボタンを非表示にする

分類Dev

ビデオのアップロードのサポートを含むネイティブスクリプトframewokを使用して、ビデオをストリーミングし、モバイルアプリで再生します

分類Dev

ビデオタグのメディアプレーヤーから再生/一時停止アイコン/ボタンのみを削除/非表示にする方法

分類Dev

ネイティブのGoogleChromeビデオコントロールのスタイリング

分類Dev

コードネーム1-ComponentGroup +アコーディオン+トグルボタンのスクロール

分類Dev

WPFでのクロステーブルデータバインディング

分類Dev

グーグルクローム66サイレントビデオジャンボトロンを自動再生する方法

分類Dev

Boostrapボタングループ、印刷時に非アクティブなボタンを非表示

分類Dev

データバインディングを使用して、オブジェクトのリストボックスからテキストブロックにデータを表示するにはどうすればよいですか?

分類Dev

ユーザーが非アクティブのときにカスタムhtml5ビデオコントロールを非表示にするにはどうすればよいですか?

分類Dev

グーテンベルクエディターのスクロールブロックを表示

分類Dev

グーグルクロームブラウザコンソールからNetflixでビデオ再生速度を設定します

分類Dev

オブジェクトのKVPへのデータバインディング、オブジェクトはプロパティをリアルタイムで使用または更新できませんか?

分類Dev

反応ネイティブVirtualizedListのスクロールインデックスをプログラムで設定します

分類Dev

Apex5.1インタラクティブグリッド非表示ツールバーボタン

分類Dev

イオンフレームワークで、最初のイオンセグメントボタンをデフォルトでアクティブ状態に設定するにはどうすればよいですか?

分類Dev

HTML5ビデオ-プログラムでコントロールを表示/非表示

分類Dev

条件が真になるまでポジティブボタンクリックでアラートダイアログを非表示にする

分類Dev

データベース監査/変更ログ(アクティビティストリーム)をフィルタリングして表示します

分類Dev

ネイティブスクリプト角度でiOSの水平スクロールインジケーターを非表示にする方法

分類Dev

モバイルネイティブビデオプレーヤーでウェブサイトのビデオを再生する

分類Dev

データテーブルの行の詳細でボタンを非表示/表示

分類Dev

ネイティブプレーヤーでYouTubeビデオを再生する方法とYouTubeビデオをダウンロードする方法

分類Dev

FirefoxとIEのコントロールからネイティブのフルスクリーンビデオボタンを無効にするにはどうすればよいですか?

分類Dev

QMLプログラムでiOSのオーディオファイルを再生する

分類Dev

コーディネーターの親と一緒にスクロールリサイクラービューでFABを表示/非表示にする方法

分類Dev

マルチオートコンプリートテキストビューをalertdialog内の追加ボタンの上でスクロール可能にし、このタイプのカスタムアラートダイアログが必要です

分類Dev

選択したタブをクリックしない限り、非表示のコンテナ内の角度のあるマテリアルマットタブグループにオーバーフローボタンが表示されない

分類Dev

テンプレートが静的バインディングであるにもかかわらず、古いコードのオブジェクトファイルがジェネリックプログラミングパラダイムを使用する新しいコードを使用できるのはなぜですか?

Related 関連記事

  1. 1

    CSSでネイティブAndroidHTML5ビデオ再生ボタンを非表示にする

  2. 2

    ビデオのアップロードのサポートを含むネイティブスクリプトframewokを使用して、ビデオをストリーミングし、モバイルアプリで再生します

  3. 3

    ビデオタグのメディアプレーヤーから再生/一時停止アイコン/ボタンのみを削除/非表示にする方法

  4. 4

    ネイティブのGoogleChromeビデオコントロールのスタイリング

  5. 5

    コードネーム1-ComponentGroup +アコーディオン+トグルボタンのスクロール

  6. 6

    WPFでのクロステーブルデータバインディング

  7. 7

    グーグルクローム66サイレントビデオジャンボトロンを自動再生する方法

  8. 8

    Boostrapボタングループ、印刷時に非アクティブなボタンを非表示

  9. 9

    データバインディングを使用して、オブジェクトのリストボックスからテキストブロックにデータを表示するにはどうすればよいですか?

  10. 10

    ユーザーが非アクティブのときにカスタムhtml5ビデオコントロールを非表示にするにはどうすればよいですか?

  11. 11

    グーテンベルクエディターのスクロールブロックを表示

  12. 12

    グーグルクロームブラウザコンソールからNetflixでビデオ再生速度を設定します

  13. 13

    オブジェクトのKVPへのデータバインディング、オブジェクトはプロパティをリアルタイムで使用または更新できませんか?

  14. 14

    反応ネイティブVirtualizedListのスクロールインデックスをプログラムで設定します

  15. 15

    Apex5.1インタラクティブグリッド非表示ツールバーボタン

  16. 16

    イオンフレームワークで、最初のイオンセグメントボタンをデフォルトでアクティブ状態に設定するにはどうすればよいですか?

  17. 17

    HTML5ビデオ-プログラムでコントロールを表示/非表示

  18. 18

    条件が真になるまでポジティブボタンクリックでアラートダイアログを非表示にする

  19. 19

    データベース監査/変更ログ(アクティビティストリーム)をフィルタリングして表示します

  20. 20

    ネイティブスクリプト角度でiOSの水平スクロールインジケーターを非表示にする方法

  21. 21

    モバイルネイティブビデオプレーヤーでウェブサイトのビデオを再生する

  22. 22

    データテーブルの行の詳細でボタンを非表示/表示

  23. 23

    ネイティブプレーヤーでYouTubeビデオを再生する方法とYouTubeビデオをダウンロードする方法

  24. 24

    FirefoxとIEのコントロールからネイティブのフルスクリーンビデオボタンを無効にするにはどうすればよいですか?

  25. 25

    QMLプログラムでiOSのオーディオファイルを再生する

  26. 26

    コーディネーターの親と一緒にスクロールリサイクラービューでFABを表示/非表示にする方法

  27. 27

    マルチオートコンプリートテキストビューをalertdialog内の追加ボタンの上でスクロール可能にし、このタイプのカスタムアラートダイアログが必要です

  28. 28

    選択したタブをクリックしない限り、非表示のコンテナ内の角度のあるマテリアルマットタブグループにオーバーフローボタンが表示されない

  29. 29

    テンプレートが静的バインディングであるにもかかわらず、古いコードのオブジェクトファイルがジェネリックプログラミングパラダイムを使用する新しいコードを使用できるのはなぜですか?

ホットタグ

アーカイブ