title: Change iframe width and height using jQuery?
body: <p>I have tried a solution that I found on this website. However, it did not work for me. I am thinking there is a script that is setting this somewhere else so I need to add some code in the page to overide the style.</p>
  
  <p>I tried this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $("#frame1").width(578);
          $("#frame1").height(326);
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>However, the html still comes out like this:</p>
  
  <pre><code>&lt;iframe frameborder="0" src="http://player.vimeo.com/video/20657168?color=fc030f" style="width: 500px; height: 281.25px;"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I want the <code>width</code> to be <code>578</code> and the <code>height</code> to be <code>326</code>. Here is the website: <a href="http://beckindesigns.tumblr.com/">http://beckindesigns.tumblr.com/</a></p>
  
  <p>P.S. If I add a class or ID it strips it from the html. I am using Tumblr..</p>