当我关闭弹出窗口时 Youtube 视频停止

Question

当我点击关闭按钮时，我停止了视频，但它也更改了视频 URL。当我在关闭后打开任何弹出窗口时，所有弹出窗口都显示 1 个视频。

这是我正在工作的 javascript 代码

    var videoSRC = jQuery('.hide_overlay iframe').attr('src');
    jQuery('.close_me').click(function (e) {
      jQuery('.hide_overlay iframe').attr('src', videoSRC);
    });

Answer 1

如果我理解正确，您有多个弹出窗口？如果是这样，更改 src 的代码将影响所有对话框。

我假设您正在更改 SRC 以停止视频。此外，假设.close_me 元素在.hide_overlay 元素内，您可以这样做：

jQuery('.close_me').click(function (e) {
  var $videoEl = jQuery(this).closest('.hide_overlay').find('iframe');
  $videoEl.attr('src', $videoEl.attr('src'));
});

这是因为jQuery(this) 将针对与该弹出窗口相关的特定关闭按钮，而不是针对所有弹出窗口。

从技术上讲，停止或暂停视频的更好方法是使用Youtube Javascript API，您可以执行以下操作：

player.stopVideo();