从视频中删除渐变答案

【问题标题】：Removing gradient from video从视频中删除渐变
【发布时间】：2018-12-14 07:56:39
【问题描述】：

我想去掉视频文件底部的颜色渐变（媒体控制器渐变）。应用透明背景没有帮助。谢谢！

<div class="video-container">
<video controls="controls" width="500"                      
name="Idea" src="https://www.vidsplay.com/wp-content/uploads/2017/05/ideas.mp4?_=1">
</video>
</div>



.video-container video { 
  -webkit-media-controls-panel {
   background-color: transparent !important;
   box-shadow: none !important;
  }}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

https://jsfiddle.net/e8q6bL3f/1

【问题讨论】：

标签： video html5-video mediacontroller

【解决方案1】：

每个浏览器都有自己的视频控件，不幸的是，谷歌决定它的 Chrome 需要添加渐变。您可以通过将背景图像设置为无来关闭它

JS 小提琴：https://jsfiddle.net/z906whne/

video::-webkit-media-controls-panel {
   background-image: none !important;
   filter: brightness(0.4);
}

【讨论】：