Twitter Bootstrapのモーダル機能を使用してYoutubeビデオを自動再生するにはどうすればよいのでしょうか。ユーザーが[閉じる]ボタンをクリックすると、ビデオの再生が停止します。
以下をapplication.jsファイルに追加してみました。
$('#my-video').on('hide', function () {
player.stopVideo();
})
HTMLビュー
<div class="modal hide" id="myModal">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div class="modal-body">
<iframe width="560" height="315" src="http://www.youtube.com/embed/30Pjl31cyDY?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
どんな洞察も大歓迎です。