Làm cách nào để tạo video được nhúng trên YouTube thành chiều rộng toàn bộ trang?

Question

Đây là mã số của mã: http://jsfiddle.net/dLPa8/

Nếu bạn cuộn xuống, có một video được nhúng từ YouTube. Những gì tôi cần nó, nó phải bao gồm chiều cao và chiều rộng toàn trang. Tôi có nghĩa là nó sẽ xuất hiện phần nào giống như phần đầu tiên (trong fiddle).

Tôi cố gắng này:

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

Nó giải quyết vấn đề đến một mức độ nhất định, nhưng đoạn video bám vào phía trên cùng của trang bằng cách sử dụng trên iframe. Làm cách nào để làm cho đoạn video có chiều cao toàn bộ chiều cao của trang?

Answer 1

Dưới đây là một 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

Hãy thử sử dụng innerHeight hoặc .clientHeight:

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

var wh bây giờ chứa chiều cao cửa sổ, không có thanh cuộn.