Youtube iframe api "getPlayerState"function undefined

Question

내 사이트에서 회전하는 여러 YouTube 동영상이 있습니다. 사용자가 YouTube 비디오를 클릭하면 회전 목마의 자동 스크롤을 중지하고 싶습니다. 다음은 나를 쓰고있는 코드입니다. "players [player_id] .getPlayerState()는 함수가 아닙니다." 오류.

또한 youtube 라이브러리가 제 3 자 자바 스크립트에서 내 사이트에로드됩니다.

players = {};

window.onYouTubeIframeAPIReady = function(){ 
     $('.youtube-video iframe').each(function() { 
      players[$(this).attr('id')] = new YT.Player($(this).attr('id'), { 
       events: { 
        'onStateChange': onPlayerStateChange($(this).attr('id')) 
       } 
      }); 
     }); 

    } 

    function onPlayerStateChange(player_id){ 
     return function(event) { 
      if(players[player_id].getPlayerState() == 3 ||players[player_id].getPlayerState() == 1) { 
       //stop the auto scrolling 
      } 

      if(players[player_id].getPlayerState() == 0 || players[player_id].getPlayerState() == 2) { 
       //start auto scrolling. 
      } 
     } 
    } 

내 코드에서 문제를 찾을 수 있는지 알려 주시기 바랍니다. 미리 감사드립니다!

Answer 1

videoId: $(this).attr('id')과 events 과 같은 샘플 매개 변수를 잊어 버렸습니다.

HTML

<div class="youtube-video" id="O1RHkPGb31Q"></div> 
    <div class="youtube-video" id="VjRb3RjqncQ"></div> 

자바 스크립트 :

var tag = document.createElement('script'); 

tag.src = "https://www.youtube.com/iframe_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

players = {}; 
window.onYouTubeIframeAPIReady = function(){ 
     $('.youtube-video').each(
    function() { 
    players[$(this).attr('id')] = new YT.Player($(this).attr('id'), 
    { 
     videoId: $(this).attr('id'), 
     events: { 'onStateChange': onPlayerStateChange($(this).attr('id')) } 
    }); 
    }); 
}; 

    function onPlayerStateChange(player_id){ 
     return function(event) { 
      if(players[player_id].getPlayerState() == 3 || players[player_id].getPlayerState() == 1) { 
       //stop the auto scrolling 
       console.log("stop scolling video" + player_id); 
      } 

      if(players[player_id].getPlayerState() == 0 || players[player_id].getPlayerState() == 2) { 
       //start auto scrolling. 
       console.log("start scolling video" + player_id); 
      } 
     }; 
    } 

라이브 데모 : http://jsbin.com/nisetafoga/1/edit?html,js,console,output