Question

<div class="lightbox-trigger"></div>

<div class="lightbox-content autoplay"><iframe>...</iframe></div>

<div class="mfp-wrap"></div>

我有.lightbox-trigger，当单击时会在.lightbox-content内打开.mfp-wrap。默认情况下，.lightbox-content是隐藏的，并且只有在.mfp-wrap内才可见

.lightbox-content.autoplay中有YouTube视频时，我希望视频在.mfp-wrap中出现后自动播放。

我希望这是有道理的。我试过了这个jQuery，但是对我不起作用...

$(".lightbox-trigger").click(function() { 
    $(".mfp-wrap .lightbox-content.autoplay iframe").attr("src").replace("?", "?autoplay=1&"); 
});

Answer 1

Youtube视频嵌入链接-添加媒体资源

allow="autoplay; encrypted-media";

iFrame链接示例：

<iframe width="560" height="315" src="https://www.youtube.com/embed/iVe__Py2GuU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

示例：

$(".lightbox-trigger").click(function() { 
    $(".mfp-wrap .lightbox-content.autoplay iframe").attr("src").replace("?", "?allow=autoplay; encrypted-media&"); 
});

Answer 2

我可以使用以下方法来使其工作：

x2

当视频出现在特定容器中时，自动播放youtube视频

2 个答案: