Соотношение сторон 16: 9 с фиксированной шириной

Если бы я вставил, например, видео YouTube

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

Используя jQuery, я бы установил высоту с соотношением сторон 16: 9 поэтому, если ширина 560, высота должна быть 315 пикселей.
У меня есть этот jquery для установки высоты, но я не знаю, как применить соотношение 16: 9

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

или это можно аккуратно сделать с помощью css?