YouTube埋め込みビデオをフルページ幅にするにはどうすればいいですか？

Question

コードには次のようなものがあります。http://jsfiddle.net/dLPa8/

下にスクロールすると、YouTubeから埋め込まれた動画があります。私はそれが必要な、それは全ページの高さと幅をカバーする必要があります。私はそれが最初のセクション（フィドルの中の）のように幾分表示されるべきであることを意味します。

私はこの試みた：

<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> 

をそれはある程度の問題を解決しますが、上のビデオはiframeを使用して、ページの上部にしがみつきます。ビデオセクションの高さを全ページの高さにするにはどうすればよいですか？ここで

Answer 1

が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

がinnerHeightか.clientHeightを使用してみてくださいです：

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

var wh今スクロールバーなしで、ウィンドウの高さが含まれています。