title: Magnific Popup iframe height and width
body: <p>I have a problem with Magnific Popup where I need to be able to set the height and width on the iframe with a javascript function.
  The following code does not react to the heights and widths I put in, what's wrong?</p>
  
  <pre><code>/// Call ////
  openmagnificPopup(url, h, w);
  
  
  
  /// Java ////
  
  function openmagnificPopup(url, h, w){
  
     $.magnificPopup.open({
              items: {
              src: url,
              type: 'iframe',
  
              iframe: {
                 markup: '&lt;div style="'+w+'px; height:'+h+'px;"&gt;'+
      '&lt;div class="mfp-iframe-scaler" &gt;'+
              '&lt;div class="mfp-close"&gt;xxxxxx&lt;/div&gt;'+
      '&lt;iframe class="mfp-iframe" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;'+
      '&lt;/div&gt;&lt;/div&gt;'
              }
  
          }
  
  
          });
  
  
  ///// CSS /////   
   .mfp-iframe-holder .mfp-content {
      width:auto;
      min-width:300px;
      min-height:300px;
   }
  </code></pre>