Как задать высоту в % отн. ширины род. блока?

Question

[ChrisMenschenin]

Здравствуйте. Как задать высоту в % отн. ширины род. блока? Мне нужно указать размеры для вставки видео 16:9. Спасибо.

Answer 1

[Артём Лучников]

Можно посмотреть, к примеру, как сейчас youtube отдает код для вставки видео:

<div style="position:relative;height:0;padding-bottom:56.25%">
    <iframe src="https://www.youtube.com/embed/hzYjjVcIWOA?ecver=2" width="640" height="360" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen></iframe>
</div>

Т.е. при уменьшении/растяжении блока с видео, оно будет пропорционально уменьшаться/увеличиваться.