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 अब, खिड़की ऊंचाई शामिल स्क्रॉलबार के बिना।