Пожар события в игре и остановки youtube iframe embed

Question

Я следую за этим: Fire an event on play of youtube iframe embed Но в моем случае я скрываю/показываю div на play/pause. Следующее работает, но оно запускает оба события при первом щелчке игры, только на первом. Его как: First Play Нажмите -> slideUp -> slideDown -> slideUp После того, что он работает, как мне нужно On играть-> slideUp и О стоп-> slideDown

Может кто-нибудь увидеть, я не прав?

<script src="https://www.youtube.com/iframe_api"></script> 
<div class="header_div">HEADER DIV</div> 

<div id="video"></div> 

var player, playing = false; 
function onYouTubeIframeAPIReady() { 
    player = new YT.Player('video', { 
     height: '450', 
     width: '800', 
     videoId: 'jNQXAC9IVRw', 
     events: { 
      'onStateChange': onPlayerStateChange 
      } 
    }); 
} 

function onPlayerStateChange(event) { 
    if(!playing){ 
     $(".header_div").slideUp('slow'); 
     playing = true; 
    } else { 
     $(".header_div").slideDown('slow'); 
     playing = false; 
    } 
} 

Answer 1

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

function onPlayerStateChange(event) { 
    if(event.data == YT.PlayerState.PLAYING && !playing){ 
     $(".header_div").slideUp('slow'); 
     playing = true; 
    } else if(event.data == YT.PlayerState.PAUSED || event.data == YT.PlayerState.ENDED) { 
     $(".header_div").slideDown('slow'); 
     playing = false; 
    }