autoplay youtube iframe innen federlicht leuchtkasten

Question

Hier ist meine DEMO.

Ich möchte Youtube-Video automatisch starten, sobald Sie auf "Youtube Video abspielen" geklickt haben. Hier ist mein Code, der nicht für mich funktioniert.

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

}); 

Dieser Code funktioniert, wenn iframe außerhalb des Leuchtkastens liegt. Und ich verstehe dieses Verhalten, aber ich muss Autoplay innerhalb von Lightbox. Hier

Answer 1

ist, was ich tat, zur Zeit arbeitet (dies ist mit Featherlight - Ultra Slim jQuery Leuchtkasten - Version 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>