I'm trying to alter the below iFrame code (which places a music player on my website) so that it resizes according to what screen people view it on.
My website is fully responsive, and the div that I'm wanting to put it in changes width depending on what screen size is viewing it.
How would I accomplish this with this code? I have tried making the width 100% which works for the width but the height remains the same. Making the height 100% too doesn't work. I need to make the width 100% and the height match whatever the width is.
<iframe style="border: 0; width: 350px; height: 350px;" src="http://bandcamp.com/EmbeddedPlayer/album=4129200630/size=large/bgcol=ffffff/linkcol=0687f5/transparent=true/" seamless><a href="http://store.rjthompsonmusic.com/album/the-cognitive-rules-ep">The Cognitive Rules (EP) by RJ Thompson</a></iframe>
Any help would be great,