jquery - 在Bootstrap模式下停止一些YouTube视频的灵活方法

Question

我在Bootstrap叠加层上嵌入了一些YouTube视频。我的问题是关闭视频后仍在播放视频。我有这两种解决方案，但它们都不完全符合我的要求。

选项1:

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

问题是:当我关闭重叠式广告时，所有视频src都更改为相同的网址。我看到有人在使用id，但是它不适用于$(“。modal-backdrop”)，对吗？

选项2:

$(".modal-backdrop, .modal .close").live("click", function(){
			
var src = $(this).closest(".modal-dialog").find('iframe').attr('src');
			
$(this).closest(".modal-dialog").find('iframe').attr('src', '');
$(this).closest(".modal-dialog").find('iframe').attr('src', src);
});

此方法不适用于$(“。modal-backdrop”)。

取得结果的方法是什么？谢谢。

Answer 1

哦，我现在开始工作了。

$(".modal-backdrop, .modal .close").live("click", function(){

  $("iframe").each(function() {
    var src = $(this).closest(".modal-dialog").find('iframe').attr('src');

    $(this).closest(".modal-dialog").find('iframe').attr('src', '');
    $(this).closest(".modal-dialog").find('iframe').attr('src', src);
  });

});