title: How to remove style from iframe tag (not inside iframe but inside tag)
body: <p>Page on my server has multiple iframe tags with different ID. One iframe tag I added to embed a youtube video. The iframe tag has a style element that gives it 250 width and 250 height that gets added in by a plugin. I want to remove this style that gets added to the iframe so that the youtube video shows in the height and width in the iframe tag from just this specific iframe as there are other iframe tags on the page that have style that should not be touched.</p>
  
  <p>1) Code I am adding (notice width=640 height=390)</p>
  
  <pre><code>&lt;iframe id="player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/GxTl1Ykbuww?enablejsapi=1&amp;origin=origin-domain.com" frameborder="0"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>2) Code that is on page when loaded with browser (notice that <code>style="height:250;width:250;"</code> is added to the iframe tag now, this is the garbage i want to be removed, but only from this iframe tag id</p>
  
  <pre><code>&lt;iframe id="player" style="height: 250px; width: 250px;" src="http://www.youtube.com/embed/GxTl1Ykbuww?enablejsapi=1&amp;amp;origin=origin-domain.com" height="390" width="640" frameborder="0"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Javascript or Jquery would be nice. But the remove tag in jquery strips styles from every iframe on page. </p>
  
  <p>ideal solution would result in only the iframe with <code>id="player"</code> to be changed from 2) above to no longer have the <code>style=""</code> or have the style="" but have nothing inside it.</p>