如何停止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。 我假设他们的代码中的警报是用于测试的，我将其删除。