滚动时如何暂停视频？

Question

我有一段包含以下代码的视频。

 <iframe  id="video" src="https://www.youtube.com/embed/VEmS-bkdlZQ?autoplay=1" frameborder="0" allowfullscreen></iframe>

我正在建立的网站是一个单页的网站，我们的想法是，一旦你滚动/离开首页，视频应该停止，我已经尝试了

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll > 300) {
        $("#video").player.pause()
    }else{
        $('#video').player.play()
    }
});

谁能告诉我为什么它不起作用？ Example here