jQuery как постоянно проверять, скрыт/невидим элемент?

Question

У меня есть несколько видео HTML5 на моем веб-сайте (в пределах слайдера), они автоматически переключаются каждые x секунд (или когда пользователь нажимает «следующий слайд»).

Я хочу остановить видео, которые на самом деле невидимы для пользователя, любые идеи, как это достичь?

Я попытался сделать что-то подобное, но я думаю, что «каждый» отсутствует, и он работает после щелчка, а не все время (нормально, на самом деле это не работает, потому что «это» используется неправильно здесь. , но вы получите точку, извините, я не 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(); 
    } 
}); 

Answer 2

Я думаю, что вы хотите посмотреть в использовании setInterval() что-то вроде:.

var videoInterval = setInterval(function() { 
    // video check logic here 
}, 1000); 

Вышеупомянутый код будет запускать вашу проверку видео каждую секунду (1000 миллисекунд). Возможно, вы также можете использовать $( вместо jQuery(. Переменная videoInterval позволит вам использовать clearInterval(), если вам необходимо остановить «цикл» проверок по любой причине. Я считаю, что этот код должен быть внутри вашего блока $(document).ready(function() {...}).