YouTubeのプレーヤーのポップアウトを作り、ビデオを再生するには？

Question

YouTube APIを使用して動画を再生するYouTubeプレーヤーがあります。問題は別のページにリダイレクトされてから動画が再生されることです。

画像をクリックして同じページにプレーヤーをポップアウトさせてから動画を再生するにはどうすればよいですか？

<a href="play/"><img src="image" alt="button-img" /></a> 

//play is the route where YouTube player component is present. 

Answer 1

クリックイベントを作成して、YouTube動画のiframeを目的の場所に挿入することができます。ここでは、例を持っている...

HTML：

<a href="#" id="showvideo">Show Video</a> 
<div id="test"></div> 

jQueryの：ねえ、私はこれを実行

$('a#showvideo').click(function(e) {  
    e.preventDefault();   
    $('div#test').html('<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/aS3DPglji0o?rel=0" frameborder="0" allowfullscreen></iframe>'); 
});