YouTube Автоподгон под размер страницы - Вопросы по CSS

Всем привет! Как подогнать под размер страницы??В процентах не получается...Редактор CodeMirror. Вставляю вот такую штуку:

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/Cf2VpZ9eOFA" frameborder="0" allowfullscreen></iframe>

Вот результат: http://online-gms.ru/online-games/browser-games/war-browser/item/29-ground-war-tanks

<p class="video"><iframe src="https://www.youtube.com/gjkgk" width="300" height="150" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </p>

.video {width: 100%;position: relative;padding-top: 56.25%;}
.video iframe, .video object, .video embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

Спасибо, завтра попробую, я вот немного по другому пробовал CSS написать..

Спасибо, все вышло! Сделал так...


<div class=youtube_rezina><iframe width="800" height="600" src="https://www.youtube.com/embed/Cf2VpZ9eOFA" frameborder="0" allowfullscreen></iframe></div>
<div class=youtube_rezina><iframe width="800" height="600" src="https://www.youtube.com/embed/D0C6f1Smo-w" frameborder="0" allowfullscreen></iframe></div>

.youtube_rezina {width: 100%;position: relative;padding-top: 56.25%;}
.youtube_rezina iframe,
.youtube_rezina object,
.youtube_rezina embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}