google chromeの動画のネイティブ再生ボタンを非表示にする

Question

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

私はhttps://stackoverflow.com/questions/39602852/disable-download-button-for-google-chrome#= と同じ問題を抱えていますが、私は同様の解決策を見つけることに取り掛かっています。

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

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

Answer 1

検索を少し行いましたが、comments hereにあり、Android用Chromeで動作することが確認されました。

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