Come trasformare un video incorporato di YouTube in uno a larghezza intera?

Question

Ecco il numero del codice: http://jsfiddle.net/dLPa8/

Se scorri verso il basso, c'è un video incorporato da YouTube. Quello di cui ho bisogno, dovrebbe coprire l'intera altezza e larghezza della pagina. Voglio dire che dovrebbe apparire un po 'come la prima sezione (nel violino).

Ho provato questo:

<iframe src="http://www.youraddress.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> 

'risolto il problema in una certa misura, ma il video aggrappa all'inizio della pagina usando il suddetto iframe. Come posso rendere l'altezza della sezione video all'altezza della pagina intera?

Answer 1

Ecco un FIDDLE

<iframe id="video" src="//www.youtube.com/embed/5iiPC-VGFLU" frameborder="0" allowfullscreen></iframe> 


$(function(){ 
    $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' }); 

    // If you want to keep full screen on window resize 
    $(window).resize(function(){ 
    $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' }); 
    }); 
}); 

Answer 2

Prova utilizzando innerHeight o .clientHeight:

var doc = document, bod = doc.body, dE = doc.documentElement; 
var wh = innerHeight || dE.clientHeight || bod.clientHeight; 

var wh ora contiene altezza della finestra, senza barra di scorrimento.