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

[Anonymous]

Я создал простое воспроизведение здесь: https://codepen.io/djdmorrison/pen/myboolr
на сафари (предварительный просмотр 18.2 и 18.1.1). Если видеоэлемент находится в контейнере с той же высотой и шириной, цвет фона контейнера будет слабо набросить видео. В зависимости от размера окна и положения контейнера, иногда контур будет на всех краях, иногда только по сторонам. Глядя на размер каждого элемента в инструментах разработчика, вы можете увидеть, что они одинаковая высота и ширина, а клиентская -тодата/высота каждого одинаково.
Проблема Очевидно, что если я использую Flexbox или с явной высотой/шириной.
снимок экрана проблемы:


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