Как сохранить единообразие границ видео при изменении его размера? ⇐ CSS

[Anonymous]

У меня есть веб-страница с тегом. вокруг него есть рамка, но когда размер видео по какой-либо причине изменяется, например, при захвате края страницы и ее сжатии, видео уменьшается в размерах, а граница - нет и оставляет пустое пространство между собой и видео. кто-нибудь знает, как это исправить?
Кстати, мой тег видео выглядит вот так.
html:

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

css:

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

video {
max-width: 100%;
display: block;
margin: 0 auto;
border: thick solid #000;
}

Я пытался изменить отступы и поля, но безуспешно.
Я также пробовал изменить размер границы: border-box и Content-Box. Я точно не знаю, как они работают, но я исследовал и подумал, что они будут. это ничего не дало.
Я также пытался удалить display:block; и максимальная ширина: 100%; но все равно ничего, даже чего-то другого не сломалось.

Подробнее здесь: https://stackoverflow.com/questions/791 ... it-resizes