Mettre en pause/lire la vidéo lorsque la vidéo est au centre de la fenêtre d'affichage JWPlayer

Question

J'essaie de mettre en pause/lire différentes vidéos une fois que chacune atteint le centre de la fenêtre d'affichage, puis de les mettre en pause lorsque vous les faites défiler. J'utilise JWPlayer mais j'ai des problèmes pour mettre en pause toutes les autres vidéos sur la page et garder le jeu actuel visible dans la fenêtre d'affichage.

https://jsfiddle.net/vv7jbrv6/1/

function onScrollVideo() { 
    updateVideo(); 
} 

function updateVideo() { 

    var windowHeight = $(window).height(), 

    gridTop = 200, 
    gridBottom = 1000; 

    $('.jwplayer').each(function() { 
    var thisTop = $(this).offset().top - $(window).scrollTop(), 
    playerID = $(this).prop('id'); 

    if (thisTop > gridTop && (thisTop + $(this).height()) < gridBottom) { 
    jwplayer(playerID).play(); 

    } else { 
    jwplayer(playerID).on('pause'); 

    } 

    }); 

} 
window.addEventListener('scroll', onScrollVideo, false); 

Answer 1

jwplayer(playerID).pause(true); 

JSfiddle