16:9 宽高比，固定宽度

例如，如果我要嵌入 YouTube 视频

<iframe width="560" src="http://www.youtube.com/embed/25LBTSUEU0A" class="player" frameborder="0" allowfullscreen></iframe>

使用 jQuery，我会设置纵横比为 16:9 的高度，因此如果宽度为 560，则高度应为 315px。
我有这个 jquery 来设置高度，但我不知道如何应用 16:9 比例

$('.player').parent().attr('width', ':9ratio');

或者可以使用 css 巧妙地完成此操作吗？

纵横比就是宽度：高度。因此，如果您想根据已知宽度计算高度，这非常简单。

//width=560, wanted height is 315
$('.player').parent().attr('height', 560*9/16);