HTML-элемент : как удалить темную область вокруг элемента управления временной шкалой, когда он появляется? ⇐ CSS

[Anonymous]

Когда видео воспроизводится нормально:

< /p>
Элемент управления временной шкалой появится при приостановке видео или перемещении мыши. В браузере на базе WebKit, таком как Chrome, это выглядит так:


Итак, вокруг временной шкалы есть темная область. Как изменить/удалить этот наложенный эффект, оставив только временную шкалу и кнопки/текст? Я поигрался с цветом фона некоторых псевдоэлементов в chromium/Source/core/css/mediaControlsNew.css, таких как video::-webkit-media-controls-enclosure или video: :-webkit-media-controls-panel, но они не контролируют эту часть.

Подробнее здесь: https://stackoverflow.com/questions/786 ... control-wh