放大弹出窗口中的 YouTube 嵌入播放器中的 Rel=0 和 autoplay=1 不起作用

Question

我在将 rel=0 和 autoplay=1 添加到 YouTube 嵌入式播放器中时遇到问题。

似乎它只是 url 中的第一个参数有效，我已经尝试了所有这些版本：

?rel=0&autoplay=1
?rel=0&autoplay=1
?rel=0?autoplay=1

它们都没有工作。但是，如果我将 autoplay=1 作为第一个参数向上移动，那么自动播放就可以正常工作 - 但是 rel=0 就不行了。

这是我的代码。

HTML：

<a class="video1" href="https://www.youtube.com/watch?v=_ziUhNerFMI?rel=0&autoplay=1"></a>

CSS：

.video1 {
  background-image: url('http://placehold.it/180x180');
  background-repeat: no-repeat;
  background-size: contain;
  height: 180px;
  width: 180px;
  display: block;
  outline: none;
}

JS：

jQuery(document).ready(function ($) {
    $('.video1').magnificPopup({
        type: 'iframe',

    iframe: {
        markup: '<?php echo $first; ?>'+
                '<div class="mfp-iframe-scaler">'+
                '<div class="mfp-close"></div>'+
                '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                '</div>'
        },
        callbacks: {
            markupParse: function(template, values, item) {
            values.title = item.el.attr('title');
        }
        }

    });
});

Answer 1

旧帖子，但这可能对某人有所帮助：

问题是脚本正在为您添加自动播放？因此，如果您有类似示例的内容：

https://www.youtube.com/watch?v=_ziUhNerFMI?rel=0&autoplay=1

它被渲染为：

https://www.youtube.com/watch?v=_ziUhNerFMI?rel=0&autoplay=1?autoplay=1

这会导致它出错。您可以修改 magnific 脚本并将其删除，搜索此行：

www.youtube.com/embed/%id%?autoplay=1

并替换为：

www.youtube.com/embed/%id%

Answer 2

这似乎工作得很好：

jQuery(document).ready(function ($) {
    $('.video1').magnificPopup({
       items: {
          src: '<iframe width="560" height="315" src="https://www.youtube.com/embed/_ziUhNerFMI?autoplay=1&rel=0" frameborder="0" allowfullscreen></iframe>',
          type: 'inline'
      }
    });
});

.video1 {
  background-image: url('http://placehold.it/180x180');
  background-repeat: no-repeat;
  background-size: contain;
  height: 180px;
  width: 180px;
  display: block;
  outline: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/jquery.magnific-popup.min.js"></script>
<a class="video1" href="https://www.youtube.com/watch?v=_ziUhNerFMI"></a>