Резиновая высота видео ролика

[SunChase]

Доброго времени суток.

Леплю резиновый шаблон для сайта и появилась потребность уточнить размеры тэгов видео ролика аля ютуб и т.д.

С шириной проблем не возникло.Спокойно схавало width:100%, но вот на % размер высоты никак нехочет реагировать(скажем height:35%). Сама задача заключается в сохранении пропорций размера видео в плеере.

Можете чтото подсказать по данной проблеме?(ЯваСкрипты пока только изучаю, а потому просьба подробно расписывать решения с ихней помощью ... если таковы имеются конечно)

Edited July 21, 2011 by SunChase

[ShumNo]

гугля у видео сам неплохо проставляет пропорции при частной ширине + стандарты

[SunChase]

Меня интересует вариант, чтобы небыло 40% чёрного экрана по бокам и само видео по середине

[ShumNo]

так я и говорю гугл с этим отлично справляется подгоняя высоту под пропорции ширины. При получении кода ролика с ютуба можно задать свою ширину а гугл автоматически проставит высоту

[SunChase]

Такс. Видимо я недогоняю про какой гугл идёт речь и когда это он автоматом высоту проставляет. Поясни плс

[arez]

Посмотрите может подойдет http://webdesignerwall.com/tutorials/css-elastic-videos

[SunChase]

Спасибо. Попробую сегодня

[SunChase]

Пришёл в результате к такому решению(не изящно, но работает):

<script type="text/javascript">
var sy = document.body.offsetHeight
var sx = document.body.offsetWidth
var syx = (sx/4)
syx.toPrecision(1)
syx = syx * 2
$(document).ready(function()
{		   
 $("#page iframe").css("height",syx)
});
</script>

догадываюсь что js кривовато написал(только на стадии изучения), но работает...