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

标签 javascript jquery html youtube magnific-popup

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

似乎只有网址中的第一个参数有效,我已经尝试了所有这些版本:

?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');
        }
        }

    });
});

最佳答案

旧帖子,但这可能对某人有帮助:

问题是脚本正在为您添加自动播放功能?所以如果你有类似你的例子的东西:

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

它呈现为:

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

这会导致它出错。您可以修改放大脚本并将其删除,搜索此行:

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

并替换为:

www.youtube.com/embed/%id%

关于javascript - YouTube 中的 Rel=0 和 autoplay=1 放大弹出窗口中的嵌入播放器不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30557236/

相关文章:

javascript - Angularjs 自动前缀正斜杠

JavaScript 代码重构和 fadeIn 属性

javascript - 使用JS移动div内的div

javascript - JQuery 检查并从读取的 URL 末尾删除斜杠

javascript - ReactJS 删除组件

javascript - 对 web 方法的 Ajax 调用给出错误 500 内部服务器错误

javascript - Bootstrap 3 轮播最后显示空白幻灯片

Jquery DataTables 中的 Javascript 变量

html - 使用选择选项元素创建弹出菜单

html - 除了 JavaScript 和 VBScript,还有哪些客户端 Web 脚本语言?