维持Iframe的宽高比

Question

我有以下html

<div class="ex1">
   <iframe class="ex2" src="video link"></iframe>
</div>

div和iframe都是绝对定位的。

我需要iframe在屏幕变大或变小时保持16：9的宽高比。我怎么能做到这一点？

我尝试使用

这是我的CSS：

.ex1 {
    position: absolute;
    width: 100%; 
    height: 100%;
}

.ex2 {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 700px;
}