Hallo,

ist es möglich mittels Jquery die Größes eines iframes zu verändern?
Aktuell ist ein Video so aufgebaut

Code :

1	<iframe height="354" frameborder="0" width="637" src="http://www.youtube.com/embed/"></iframe>

kann Ich zb. sagen wenn das Video in der rechten Spalte ist, dann soll es nur 250px mal x sein?

Leg doch um das iframe noch ein DIV mit einer eindeutigen ID, dann kannste es doch direkt per jQuery ansprechen:

Code :

1	$('#bestimmtesDIV iframe').attr('width') = 'deine neue breite';

Wenn du von "rechter Spalte" redest, gehe ich da richtig von der Annahme aus, dass es noch eine linke Spalte gibst und du nur abfragen willst, in welches dieses iframe drin ist?

Wenn wir sowieso schon bei jQuery sind:

Code :

1 2 3 4 5 6 7 8 9

var myIFrame = $('iframe'); var originalWidth = myIFrame.width() + "px"; var originalHeight = myIFrame.height() + "px";   if(myIFrame.parent().attr("id") == "rightCol"){ myIFrame.css({"width":"250px","height":"250px"}); } else { myIFrame.css({"width":originalWidth,"height":originalHeight}); }

Eine Autohöhe wird hier schwer hinzubekommen sein, da der Inhalt des iframes nicht von deinem Server kommt, du also mit Javascript nicht darauf zugreifen kannst.

ich habe jetzt folgendes, und es funktioniert..

für die hauptspalte:

Code :

1 2 3 4 5 6

$('#main').find('iframe').addClass('video').css({     'width': 637,     'height':425,     'border': 0         });

und für die Seitenspalte:

Code :

1 2 3 4 5 6

$('#right').find('iframe').addClass('video').css({     'width': 313,     'height':174,     'border': 0         });

"border" musst du übrigens nicht bei beiden reinschreiben. Reicht völlig aus, wenn du in die klasse "video" "border:0" reinschreibst.