Цвет фона контейнера слабо описывает видео элемент [закрыто] ⇐ CSS

[Anonymous]

Я создал простое воспроизведение здесь: https://codepen.io/djdmorrison/pen/myboolr
Вы также можете проверить его здесь:

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

body {
background: black;
display: flex;
height: 100vh;
align-items: center;
justify-content: center;
}

#video-container {
background: red;
width: 1000px;
aspect-ratio: 16/9;
display: flex;
}

video {
flex: 1;
}< /code>



Video not supported.

< /code>
< /div>
< /div>
< /p>
Я сталкиваюсь с проблемой, где, если видео элемент находится в контейнере Такая же высота и ширина, цвет фона контейнера будет слабо набросить видео. В зависимости от размера окна и положения контейнера, иногда контур будет на всех краях, иногда только по сторонам. Глядя на размер каждого элемента в инструментах разработчика, вы можете увидеть, что они одинаковая высота и ширина, а клиентская -тодата/высота 

каждого одинаково.
Проблема Очевидно, что если я использую Flexbox или с явной высотой/шириной.
снимок экрана проблемы:


Подробнее здесь: https://stackoverflow.com/questions/794 ... eo-element