如何停止Twitter上的Youtube視頻播放引導模型關閉

Question

如何阻止多個Youtube視頻在Twitter上播放Bootstrap模型關閉？

這是我...當我只有一個視頻，它工作正常...

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

根據API，你可以通過$.stopVideo()功能從停止播放視頻，包括您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。 我假設他們的代碼中的警報是用於測試的，我將其刪除。