正解はaspect-ratioです。aspect-ratio: 16 / 9のように指定すると要素が常に16:9の比率を維持します。以前はpadding-topハック（padding-top: 56.25%）で実現していましたが、aspect-ratioプロパティで簡潔に記述できます。