How to change background color of video bar after playing the video

Issue

When video stop playing I see this black shadow on the bar

Does anybody know how to remove it?

Solution

Add the following css to your video tag. This will remove the background color.

 video::-webkit-media-controls-panel {
   background-image: none !important;
  }
  

<video src="https://www.w3schools.com/tags/movie.mp4" preload="auto" autoplay="" controls="" style="width: 100%;height: 100%;/* outline: none; */"></video>

Answered By - Viira