title: Hide native play button for video in google chrome
body: <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>