Черная граница или линия, отображаемая на краях html Элементы, несмотря на границы в видеофайле ⇐ CSS

[Anonymous]

Я встраиваю .mp4 видео в адаптивную макет с использованием HTML/CSS. Видео выглядят чистыми в исходном файле, но тонкая черная линия появляется по определенным ребрам < /strong> (спорадический внешний вид, иногда также появляется в определенных положениях прокрутки) видео. (tested in Chrome and Edge).
[*]The video is inside a .video-wrapper with border-radius and box-shadow.

Here’s a simplified version of my setup:[/b]
HTML:



< /code>
css: < /p>
.video-wrapper {
overflow: hidden;
border-radius: 32px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
border: 1px solid #c4c4c4;
}

.video-wrapper video {
width: 100%;
object-fit: cover;
}
< /code>
Вот снимок экрана для справки:
Тонкая черная линия отображается вдоль краев < /p>
Что я пробовал: < /strong> < /p>

• Добавление переполнения: hidden to wrapper и video. Руины теней и радиус границы).
• Настройка слева: 2px - незначительное исправление, но вызывает сдвиги планировки.

Подробнее здесь: https://stackoverflow.com/questions/796 ... te-no-bord