Question

我在同一页面上有2个嵌入式视频和弹出窗口，其中嵌入了一个视频。每当我打开弹出窗口并播放视频，然后关闭对话框时，都应重设视频，而不是在再次打开对话框时保持在关闭它的位置暂停播放。

var activeDialog = com.gsk.mt.getActiveDialog();// gets active dialog id        
if (activeDialog !== null && !activeDialog.hasClass("quickLinkDialog") && activeDialog.hasClass("videoDialog")) {
  $('video').each(function() {                  
    $(this).get(0).pause();
    $(this).get(0).currentTime = 0;                 
  });
}

对于此代码，当我使用每个功能时，所有视频都将被重置。如何仅重置弹出窗口中的视频？有人可以帮我吗？

Answer 1

您需要遍历DOM才能在关闭的对话框中找到video元素。假设activeDialog是一个jQuery对象，似乎可以使用hasClass()，那么您可以简单地使用find()，如下所示：

var activeDialog = com.gsk.mt.getActiveDialog();    if (activeDialog !== null && !activeDialog.hasClass("quickLinkDialog") && activeDialog.hasClass("videoDialog")) {
  activeDialog.find('video').each(function() {                    
    this.pause();
    this.currentTime = 0;                 
  }); 
}

还要注意，在this上使用$(this).get(0)来更改视频的属性。

对话框关闭时重置jQuery视频

1 个答案: