如何在不使用Bootstrap的情况下流畅地缩小html中的视频横幅？

如何解决如何在不使用Bootstrap的情况下流畅地缩小html中的视频横幅？

例如，当我调整窗口大小时，它将变得越来越小

HTML：

<div class="float-left">
<a href="https://www.porsche.com/" target="_blank"><video autoplay ><source src="images/new/banner/porsche_banner.mp4" type="video/mp4" id="porschebanner"></video></a>
</div>
<div class="float-right">
<a href="https://www.audi.com.sg/sg/web/en.html" target="_blank"><video autoplay ><source src="images/new/banner/banner2.mp4" type="video/mp4" id="audibanner"></video></a>
    </div>

CSS：

.float-left {
    display: block;
    float: left;
}
.float-right{
    display: block;
    float: right;
}