Responsive Youtube

Sveiki, susidūriau su tokia problemėle: reikia padaryti responsive youtube, kad plotis eitų per visą ekraną:

<div class="header"></div>
<div class="youtube"></div>
<div class="tolimesnis_contentas"></div>

Taigi bėda tame, kad visi youtube responsive pavyzdžiai pateikti per position: absolute. Ir tokiu atveju "tolimesnis_contentas" man palenda po youtubu.

O su "margin" aš jo negaliu atitraukti, nes keičiant naršyklės plotį visi aukščiai gaunasi kintami.

Gal turit minčių, kaip išspręsti ?

CSS:

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

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

su jquery, dom on load dedi funkciją, kuri išgauna window plotį ir tokį užmeti ant video. tada tą plotį padalini tarkim iš 3 ir uždedi kaip aukštį. Tą patį darai su $(window).on('resize'), tuomet sumažinus, padidinus langą video vis dar išliks per visą plotį.

O be JQUERY, tik su CSS ? Čia toks simple intro puslapis, JQUERY iš vis nenaudočiau.

<div class="youtube video-container"></div>

O į vidų dedi iframe, embedą, objektą