javascript - jQuery 如何不断检查元素是否隐藏/可见？

Question

我的网站上有几个 HTML5 视频(在 slider 内)，它们每 x 秒自动循环一次(或当用户点击“下一张幻灯片”时)。

我想停止用户实际上看不到的视频，有什么想法可以实现吗？

我试图做类似的事情，但我想有“每个”都不见了，它总是在点击后起作用(好吧，事实上它不起作用，因为我猜这里“this”用错了，但是你明白我的意思了，抱歉，我根本不是 JS 专家 :():

document.on('click', ".videojs:hidden", function(){
   alert('video hidden!');    
   jQuery(this).player.pause();
});

Answer 1

你可能想看看这个:

http://www.west-wind.com/weblog/posts/2008/Sep/12/jQuery-CSS-Property-Monitoring-Plugin-updated

然后你可以做这样的事情:

jQuery(".videojs").watch("display,visibility", function() { 
  if(!jQuery(".videojs").is(':visible'))
  {
    alert('video hidden!');    
    jQuery(".videojs").player.pause();
  }
});