Удаление градиента из видео - PullRequest
Новая
       22

Удаление градиента из видео

0 голосов
/ 14 декабря 2018

Я бы хотел избавиться от цветового градиента в нижней части видеофайла (градиент медиа-контроллера).Применение прозрачного фона не помогает.Спасибо! 

<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

1 Ответ

0 голосов
/ 17 декабря 2018

Каждый браузер поддерживает свой собственный элемент управления видео, и, к сожалению, Google решил, что его Chrome должен добавить градиент.Вы можете отключить его, установив для фонового изображения значение

JS Fiddle: https://jsfiddle.net/z906whne/

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