Question

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

选项1：

＆＃13;

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

＆＃13;

问题是：当我关闭叠加层时，所有视频src都更改为相同的URL。我看到有人使用id，但它不适用于$（＆＃34; .modal-backdrop＆＃34;），是吗？

选项2：

＆＃13;

$(".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);
});

＆＃13;

此方法不适用于$（＆＃34; .modal-backdrop＆＃34;）。

实现结果的方法是什么？感谢。

Answer 1

哦，我现在就开始工作了。

＆＃13;

$(".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);
  });

});

＆＃13;

在Bootstrap模式上停止播放一些YouTube视频的灵活方式

1 个答案: