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

[Anonymous]

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

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

css:

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

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

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

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