jQuery का उपयोग कर iframe चौड़ाई और ऊंचाई बदलें?

Question

मैंने इस वेबसाइट पर एक समाधान की कोशिश की है। हालांकि, यह मेरे लिए काम नहीं किया। मैं सोच रहा हूं कि एक ऐसी स्क्रिप्ट है जो इसे कहीं और स्थापित कर रही है इसलिए मुझे शैली में ओवरराइड करने के लिए पेज में कुछ कोड जोड़ने की जरूरत है।

मैंने कोशिश की यह:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#frame1").width(578); 
     $("#frame1").height(326); 
    }); 
</script> 

हालांकि, एचटीएमएल अभी भी बाहर इस तरह आता है:

<iframe frameborder="0" src="http://player.vimeo.com/video/20657168?color=fc030f" style="width: 500px; height: 281.25px;"></iframe> 

मैं width578 होना चाहते हैं और height326 किया जाना है। यहां वेबसाइट है: http://beckindesigns.tumblr.com/

पीएस यदि मैं कक्षा या आईडी जोड़ता हूं तो यह इसे HTML से स्ट्रिप्स करता है। मैं टम्बलर का उपयोग कर रहा हूं ..

Answer 1

यदि आप id="frame1" को अपने iframe पर जोड़ते हैं तो यह काम करेगा।

<iframe frameborder="0" id="frame1" src="http://player.vimeo.com/video/20657168?color=fc030f" style="width: 500px; height: 281.25px;"></iframe> 

$("#frame1") आईडी गुण frame1 साथ तत्व का चयन करेंगे। संदर्भ के लिए: jQuery Selectors और ID Selector।

अद्यतन: जब से तुम ने कहा कि आईडी बाहर छीन लिया जा रहा है, तो आप सिर्फ बदल सकते हैं कैसे चयनकर्ता काम कर रहा है, और सभी iFrames पर लागू:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("iframe").width(678); 
     $("iframe").height(526); 
    }); 
</script> 

आप पृष्ठ पर एकाधिक iFrames है और आप नहीं चाहते कि वे एक ही आकार के हों, आप :eq(index) चयनकर्ता का उपयोग कर सकते हैं, जो शून्य-आधारित इंडेक्स पर मेल खाएगा। तो यदि आपके पास पृष्ठ पर दो आईफ्रेम हैं, और केवल दूसरे को बदलना चाहते हैं, तो उपयोग करें:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("iframe:eq(1)").width(678); 
     $("iframe:eq(1)").height(526); 
    }); 
</script>