Twitterでの動画再生を停止する方法ブートストラップモデル閉じる

Question

Twitterのブートストラップモデルで複数のYoutube動画を再生する方法を停止するにはどうすればよいですか？

これは私が持っているものである...私はただ一つのビデオを持っている場合は、それが正常に動作します...

var player = document.getElementById('MjXAo2qxMlA'); //save the object or embed youtube video in a variable 
$('#ttvideoModalTwo').on('hide', function() { 
    player.stopVideo(); 
}) 

var player = document.getElementById('zXscUitXHPc'); //save the object or embed youtube video in a variable 
$('#ttvideoModalOne').on('hide', function() { 
    player.stopVideo(); 
}) 

Answer 1

あなたがビデオの再生を停止する$.stopVideo()関数を渡すことができますAPIによる、ということが含まれますあなたのmodal('hide')メソッド内で、あなたはそうのように、モーダルが閉じられた後にビデオを停止することができるはずです。

JS

var player = document.getElementById('objectId'); //save the object or embed youtube video in a variable 
$('#myModal').on('hide', function() { 
    player.stopVideo(); 
}) 

Youtube API Documentation

Answer 2

これは、ビデオの再生

<div class="modal fade" id="video_3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" > 
    <button class="close" data-dismiss="modal" type="button">×</button> 
    <iframe id="ivideo_3" width="560" height="315" src="http://www.youtube.com/embed/9wiDMU-NnKU?wmode=transparent&enablejsapi=1&origin=http://<YOUR_SITE_HERE.com>" frameborder="0" ></iframe> 
</div> 

<script> 
    //Load player api asynchronously. 
    var tag = document.createElement('script'); 
    tag.src = "//www.youtube.com/iframe_api"; 
    var firstScriptTag = document.getElementsByTagName('script')[0]; 
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 
    var done = false; 
    var player_3; 
    function onYouTubeIframeAPIReady() { 
     player_3 = new YT.Player('ivideo_3'); 
     $('#video_3').on('hide', function() { 
      player_3.stopVideo(); 
     }); 
    } 
</script> 

Answer 3

を停止させるための完全なコードである私は、APIドキュメントを続くが、私は、モーダルを閉じたときにちょうど私のビデオを停止することができませんでした。上記の答えを得ることができなかったので、クローズボタンは何もしませんでした。

最終的にここに答えを使用することにしました：http://www.kolor-designs.com/personal/stop-youtube-videos-when-dismissing-the-bootstrap-modal/

それは、IFRAMEのSRCをクリアします。 私は自分のコードの警告がテスト用だと仮定して、私はそれを削除しました。