我知道我晚了 2 年多，但从那以后，一些事情发生了变化，B3 开箱即用的新方法是：

$("#myModal").on('hidden.bs.modal', function (e) {
    $("#myModal iframe").attr("src", $("#myModal iframe").attr("src"));
});

使用 Bootstrap 玩得开心！

有一个很好的正确方法 - 请参阅此帖子的已批准答案中的评论。

虽然我自己第一次无法做到这一点，而且很匆忙，所以我做了一个相当可怕的hacky代码来解决这个问题。

此代码段“刷新”了嵌入 iframe 的 src，使其重新加载：

jQuery(".modal-backdrop, #myModal .close, #myModal .btn").live("click", function() {
        jQuery("#myModal iframe").attr("src", jQuery("#myModal iframe").attr("src"));
});

如果有人仍然有问题，试试这个，它对我有用：

$(document).ready(function(){
    $('.modal').each(function(){
            var src = $(this).find('iframe').attr('src');

        $(this).on('click', function(){

            $(this).find('iframe').attr('src', '');
            $(this).find('iframe').attr('src', src);

        });
    });
});

这是我发现的一种在模式窗口中播放视频的简单方法，然后在关闭时停止播放。

当模态显示时，使用 .html 将带有视频的 iFrame 加载到模态主体中，然后在隐藏时将模态主体替换为空。

$('#myModal').on('show', function () { 
 $('div.modal-body').html('YouTube iFrame goes here');  
});
$('#myModal').on('hide', function () {
 $('div.modal-body').html('');
});

这是一个 jsfiddle 示例：

http://jsfiddle.net/WrrM3/87/

在这里，我概括了@guillesalazar 的回答。

这将重置任何引导模式中的任何 iFrame（当模式关闭时）：

$(function(){
  $("body").on('hidden.bs.modal', function (e) {
    var $iframes = $(e.target).find("iframe");
    $iframes.each(function(index, iframe){
      $(iframe).attr("src", $(iframe).attr("src"));
    });
  });
});

将此添加到您的布局中，您就完成了。

更新：为具有多个 iFrame 的模态修改了代码。