title: Muted video doesnt show volume controls on Android internet browser
body: <p>I have a simple video on a home page and it works perfect across chrome, safari, etc. It is <code>muted</code> but user can unmute or increase volume themselves.</p>
  
  <p>However issue arrises when trying to play video in Android internet browser. The volume controls are nowhere to be found. Is there a way to have those controls come up without affecting other browsers.</p>
  
  <p>This is the code used:</p>
  
  <pre><code>&lt;video width="100%"  controls autoplay loop onclick="this.play()"&gt;
    &lt;source src="https://www.w3schools.com/tags/movie.mp4"&gt;
    Your browser does not support the video tag.
  &lt;/video&gt;
  </code></pre>
  
  <p>I had to add CSS to remove Download button as not needed at all (dont think it affects the volume but to complete all code used here it is):</p>
  
  <pre><code>video::-internal-media-controls-download-button {
   display:none;
  }
  
  video::-webkit-media-controls-enclosure {
   overflow:hidden;
  }
  
  video::-webkit-media-controls-panel {
   width: calc(100% + 30px); /* Adjust as needed */
  }
  </code></pre>
  
  <p>The only controll i get on android is video location and full screen:
  <a href="https://i.stack.imgur.com/Rljb5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rljb5.png" alt="ScreenshotfAndroidPlayer"></a></p>