title: html5 video player remove black shadow at bottom of controls section
body: <p><strong>Hi,</strong></p>
  
  <p>I have an HTML 5 Video Player on my website. Whenever I click pause or hover the video the strange black shadow appears. It's overlaying the control section. How can I get rid of that. I tried to search solution for this, but I couldn't find the solution. Please help me with this.</p>
  
  <p><a href="https://i.stack.imgur.com/8phKm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8phKm.png" alt="black-shadow-image"></a></p>