Question

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

这是我正在使用的javascript代码

＆＃13;

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

＆＃13;

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();

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

1 个答案: