Change parameters in iframe src attribute with jQuery

Question

Searched a lot but didn't find exactly what i'm looking for. I want to resize an iframe dynamically with width of his container.

HTML :

<div class="row hidden" id="audio">
            <div class="twelvecol last">
            <iframe id="deezer" scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=710&height=308&scover=true&type=album&id=42808&title=" width="710" height="308"></iframe>
            </div>
        </div>

Thx to jQuery i try to inject width and height of div#content into parameters of the iframe's src attribute :

<script>
$(document).ready(function(){
        var contentwidth = $('#content').width();
        var contentheight = $('#content').height(); 
        var iframeUrl = 'http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=' + contentwidth + '&height=' + contentheight + '&scover=true&type=album&id=42808&title=';
        $('#deezer').attr('src', iframeUrl).attr('width', contentwidth).attr('height', contentheight);   
});
</script>

Thx for your help !

this code does not affects the width of the iframe. still 710px — Julien CHAZAL, Oct 11 '11 at 10:58
Try [`.width()`](http://api.jquery.com/width) and [`.height()`](http://api.jquery.com/height). — Matt Ball, Oct 11 '11 at 10:59
check the contentwidth and contentheight are getting right value — Amila, Oct 11 '11 at 11:28
thx amilia this are getting right values because i use them to adapt width of facebook like box ;-) — Julien CHAZAL, Oct 11 '11 at 11:44

score 0 · Answer 1 · edited May 23 '17 at 10:34

0

Here is solutions

edited May 23 '17 at 10:34

Community

1
1

answered Oct 11 '11 at 11:01

kst

1,438
3
19
33

thx but it's not enough to change width and height attributes in my case. i also have to modify width and height parameters within src attribute – Julien CHAZAL Oct 11 '11 at 11:30
Couldnt you just read the height/width of the iframe, and then reuse it? – Marco Johannesen Oct 11 '11 at 12:04
@divstudio Please take a look at this http://jsfiddle.net/DYxbf/ I make a sample test. – kst Oct 11 '11 at 12:57

Change parameters in iframe src attribute with jQuery

1 Answers1