Видео HTML5 становится темнее, если сверху находится элемент с включенным фоновым фильтром: синий (только Chrome) ⇐ CSS

[Anonymous]

У меня есть полноэкранное видео HTML5, закрытое панелью пользовательского интерфейса. Эта панель пользовательского интерфейса имеет эффект морозного стекла. Для этого я использую фоновый фильтр: размытие. Работает отлично. Но видео под ним становится немного темнее, когда этот эффект включен.
Пример: https://codepen.io/duetdigital/pen/zYQZBpm
HTML

Код: Выделить всё

[url=#]toggle opacity of backdrop-filter:blur(15px) block[/url]

(S)CSS

Код: Выделить всё

video {
width:100vw;
}

div {
position: absolute;
top:200px;
right:300px;
border:1px solid red;
}

#button {
color: #fff;
backdrop-filter: blur(15px);
padding:20px;
display:block;
&.hide {
opacity:0;
}
}

Здесь происходит то же самое: https://www.wysemeter.com
Есть ли решение?
Пока это происходит только в Chrome. В Safari все работает корректно. С изображениями работает нормально, в том числе и с цветом фона. Также не имеет значения, используете ли вы webm или mp4.

Подробнее здесь: https://stackoverflow.com/questions/785 ... filterblue