jQuery comment vérifier constamment si l'élément est caché/visible?

J'ai un couple de vidéos HTML5 sur mon site web (à l'intérieur d'un curseur), ils sont automatiquement le cycle de toutes les x secondes (ou lorsque l'utilisateur clique sur "next slide").

Je veux arrêter les vidéos qui sont invisibles à l'utilisateur, toutes les idées comment y parvenir?

J'ai été tryng à faire quelque chose comme ça, mais je pense qu'il y a "chaque" manquant et il fonctionne après sur la place tout le temps (ok, en fait ça ne fonctionne pas parce que "cela" est utilisé à tort ici, je suppose, mais vous obtenez le point, désolé, je ne suis pas un JS-guy :():

document.on('click', ".videojs:hidden", function(){
   alert('video hidden!');    
   jQuery(this).player.pause();
});
avez-vous une seule vidéo ou plus?
J'ai un nombre illimité d'entre eux, de 5 à "beaucoup" 🙂

OriginalL'auteur WordPressor | 2012-01-03

  1. 3

    Vous voudrez peut-être chercher dans ce:

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

    Vous pouvez faire quelque chose comme ceci:

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

    OriginalL'auteur bardiir

  2. 1

    Je pense que vous voulez voir dans l'aide de setInterval(). Quelque chose comme:

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

    Le code ci-dessus va lancer votre vidéo de vérifier chaque seconde (1000 millisecondes). Vous pouvez probablement aussi utiliser $( au lieu de jQuery(. Le videoInterval variable vous permettra d'utiliser clearInterval() si vous avez besoin d'arrêter la "boucle" de vérifications pour n'importe quelle raison. Je crois que ce code devra être à l'intérieur de votre $(document).ready(function() {...}) bloc.

    Je ne peux pas, le temps de cycle peut être modifié + que lorsque l'utilisateur décide de cycle manuellement?
    Vous pouvez effacer l'intervalle et de définir un nouveau pour changer la minuterie. Vous pouvez également effacer l'intervalle et le démarrer à nouveau lorsqu'un utilisateur cycles manuellement. Votre autre option est de raccorder à votre vélo logique (si vous utilisez un plugin, en plus de fournir une fonction de callback qui est appelée lorsque le plugin cycles) et désactivez l'cachés film(s) ensuite.

    OriginalL'auteur super_seabass