ボタンをクリックすると、featherlight lighboxのautoplay youtubeが表示されます

Question

ボタンをクリックするとfeatherlightライトボックスで自動再生する方法を教えてください。閉じるボタンをクリックするとYouTubeのビデオが自動再生されます。

これは、この

<a id="play-video" href="#">Play Video</a><br /> 

<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen> </iframe> 

Answer 1

チェックアウト動作していないよう：https://codepen.io/martinwolf/pen/dyLAC

これは単なるはiframeリンクをするための自動再生プロパティを追加します。

これを閉じるには、iframe全体を削除するボタンを作成してください。

$(document).ready(function() { 
    $('#play-video').on('click', function(ev) { 

    $("#video")[0].src += "&autoplay=1"; 
    ev.preventDefault(); 

    }); 
});