Пауза/воспроизведение видео, когда видео находится в центре окна просмотра. JWPlayer

Question

Я пытаюсь приостановить/воспроизвести разные видеоролики, когда вы достигнете центра области просмотра, а затем приостановите их, как только вы отскакиваете от них.

Я использую JWPlayer, но у меня возникают проблемы с приостановкой всех других видео на странице и поддержание текущего воспроизведения, видимого в окне просмотра.

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