title: Rel=0 and autoplay=1 in YouTube embed player in magnific popup not working
body: <p>I'm having problems with having both rel=0 and autoplay=1 added in a YouTube embedded player in a magnific popup.</p>
  
  <p>It seems like it is only the first parameter in the url that is working, and i have tried all these versions:</p>
  
  <pre><code>?rel=0&amp;autoplay=1
  ?rel=0&amp;amp;autoplay=1
  ?rel=0?autoplay=1
  </code></pre>
  
  <p>None of them are working. But if I move autoplay=1 up as the first parameter, then the autoplay works fine - but then the rel=0 doesn't.</p>
  
  <p>Here's my code.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a class="video1" href="https://www.youtube.com/watch?v=_ziUhNerFMI?rel=0&amp;autoplay=1"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.video1 {
    background-image: url('http://placehold.it/180x180');
    background-repeat: no-repeat;
    background-size: contain;
    height: 180px;
    width: 180px;
    display: block;
    outline: none;
  }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>jQuery(document).ready(function ($) {
      $('.video1').magnificPopup({
          type: 'iframe',
  
      iframe: {
          markup: '&lt;?php echo $first; ?&gt;'+
                  '&lt;div class="mfp-iframe-scaler"&gt;'+
                  '&lt;div class="mfp-close"&gt;&lt;/div&gt;'+
                  '&lt;iframe class="mfp-iframe" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;'+
                  '&lt;/div&gt;'
          },
          callbacks: {
              markupParse: function(template, values, item) {
              values.title = item.el.attr('title');
          }
          }
  
      });
  });
  </code></pre>