Javascript 查看滚动时播放youtube视频

使用此代码，我一滚动视频就会暂停。我想在视频消失时暂停它。我该怎么做

//This code loads the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/iframe_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

//This function creates an <iframe> (and YouTube player)

var player;

function onYouTubeIframeAPIReady() {

    player = new YT.Player('video', {
    height: '100%',
    width: '100%',
    videoId: 'V6Y-ahQFQDA',
    playerVars: {
        'start': '1',
        'color': 'white',
        'controls': '1',
        'showinfo': '0'
    },
    events: {
      'onReady': playOnScroll,
      'onStateChange': playOnScroll
    }
  });

}

var tag=document.createElement（'script'）；
tag.src=“//www.youtube.com/player_api”；
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var players=新数组（）；
var playingVideo=false；
var done=false；
var迭代器=0；
var pausedVideo=“”；
函数createPlayer（playerInfo）{
playerBars={'autoplay'：0，'controls'：0，'rel'：0，'showinfo'：0，'loop'：1，'autoplay'：1}；
返回新的YT.Player（playerInfo.id{
高度：playerInfo.height，
宽度：playerInfo.width，
videoId:playerInfo.videoId，
playerVars，
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerReady（事件）{
//播放/暂停不自动播放的视频以实现无缝播放
if（event.target.a.src.search（'autoplay=0'））{
event.target.playVideo（）；
event.target.pauseVideo（）；
}
}
函数onPlayerStateChange（事件）{
如果（event.data==2）{
pausedVideo=event.target.a.id；
}
如果（event.data==1）{
暂停视频=”；
}
如果（event.data==YT.PlayerState.PLAYING&&！done）{
完成=正确；
}
}
window.onYouTubeIframeAPIReady=函数（）{
玩家。推（创建玩家）({
id:'ytPlayer'，
高度：'506'，
宽度：“900”，
videoId:'l-OgbAqWs20'，
活动：{
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
}));
jq（窗口）.滚动（函数（）{
_EmbeddeContainerTop=jq（'.embed container'）.offset（）.top；
如果（jq（window）.scrollTop（）>=（\u EmbeddeContainerTop-544）和&jq（window）.scrollTop（））这个问题可能会对你有所帮助：我已经去过那里了，它对我不起作用。你能编辑你的答案来解释这段代码和原始代码之间的差异，以及你的解决方案为什么有效吗？
function playOnScroll() {
  var video = document.getElementById('video');

  var x = video.offsetLeft,
      y = video.offsetTop,
      w = video.offsetWidth,
      h = video.offsetHeight,
      r = x + w, //right
      b = y + h, //bottom
      visibleX,  visibleY,  visible;

      visibleX = Math.max(0, Math.min(w, window.pageXOffset + window.innerWidth - x, r - window.pageXOffset));
      visibleY = Math.max(0, Math.min(h, window.pageYOffset + window.innerHeight - y, b - window.pageYOffset));

      visible = visibleX * visibleY / (w * h);

  var percent = 0.6;
  var inView = visible > percent;

      if (inView) {
          console.log('play');
          player.playVideo();

      } else {
          console.log('paused');
          player.pauseVideo();
      }
}

window.addEventListener('scroll', playOnScroll, false);
window.addEventListener('resize', playOnScroll, false);

<script>
var tag = document.createElement('script');
tag.src = "//www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
</script>   
<script>    
var players = new Array();
var playingVideo = false;
var done = false;
var iterator = 0;
var pausedVideo = "";
function createPlayer(playerInfo) {     
    playerVars = { 'autoplay': 0, 'controls': 0, 'rel': 0, 'showinfo': 0, 'loop': 1, 'modestbranding': 1 };
    return new YT.Player(playerInfo.id, {
        height: playerInfo.height,
        width: playerInfo.width,
        videoId: playerInfo.videoId,
        playerVars,
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
            }
    });
}
function onPlayerReady(event) {
    // Play/pause video's which do not auto play for seamless playback
        if(event.target.a.src.search('autoplay=0')) {
            event.target.playVideo();
            event.target.pauseVideo();
        }
    }
    function onPlayerStateChange(event) {
    if(event.data === 2){
        pausedVideo = event.target.a.id;
    }
    if(event.data === 1){
        pausedVideo =  "";
    }
    if (event.data == YT.PlayerState.PLAYING && !done) {
        done = true;
    }
}
window.onYouTubeIframeAPIReady = function(){
    players.push(createPlayer({
        id: 'ytPlayer',
        height: '506',
        width: '900',
        videoId: 'l-OgbAqWs20',
        events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
        }
    }));
    jq(window).scroll(function(){
        _embedContainerTop = jq('.embed-container').offset().top;
        if( jq(window).scrollTop() >= (_embedContainerTop - 544) && jq(window).scrollTop()<= (_embedContainerTop + 344)) {
            if(typeof players[0].playVideo=="function"){
                players[0].playVideo();
            }
        } else {
            if(typeof players[0].pauseVideo=="function"){
                players[0].pauseVideo();
            }
        }
    });

};