Question

这是我的DEMO。

我想在点击＆＃34;播放Youtube视频＆＃34;后自动播放YouTube视频。这是我的代码，对我来说不起作用。

jQuery('.playButton').click(function(){ 
    jQuery("iframe").each(function() {
        jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
    });

});

当iframe位于灯箱之外时，此代码有效。我理解这种行为，但我需要在灯箱内自动播放。

Answer 1

这就是我目前所做的工作（这是Featherlight - 超薄jQuery灯箱 - 版本1.3.4）：

$(document).ready(function() {
  $('#play-video').on('click', function(ev) {
    $(".featherlight.featherlight-iframe #slide-video-1")[0].src += "?autoplay=1";
    ev.preventDefault();
  });
}); //end doc ready

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="play-video" data-featherlight="#slide-video-1" href="#"><img alt="" src="../images/slide_1.jpg"></a>

<iframe class="lightbox" id="slide-video-1" width="700" height="525" src="https://www.youtube.com/embed/XXXXXXXXXXX" frameborder="0" allowfullscreen></iframe>

在羽毛灯箱内自动播放youtube iframe

1 个答案: