Hide native play button for video in google chrome
<p>I'm trying to hide the default play button in the center of my video. I have a custom play button but the native play button is displaying underneath it on tablet and mobile. I can't access the CSS for it with either<code>::--webkit-media-controls-play-button</code> or <code>::-webkit-media-controls-start-playback-button</code>. </p>

<p>I'm having the same issue as <a href="https://stackoverflow.com/questions/39602852/disable-download-button-for-google-chrome#_=_">https://stackoverflow.com/questions/39602852/disable-download-button-for-google-chrome#<em>=</em></a>
 but I'm stuck on finding a similar solution.</p>

<p>Hiding the controls completely with the CSS below will work but I only want to hide the play button in this case.</p>

<pre><code>video::-webkit-media-controls{
    display: none;
    -webkit-appearance: none;
}
</code></pre>

<p>Any ideas?</p>