Youtube Javascript API暂停和播放功能

Question

我几天来一直在努力解决这个问题。我使用下面的函数来控制嵌入iframe的youtube视频。初始化功能正常工作。问题是onPlayerStateChange函数。我正在尝试使用相同的按钮控制暂停和播放，但它似乎无法正常运行。它不会暂停视频，视频本身也会出现裂缝（以非常慢的速度播放）。

var player, time_update_interval = 0;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('videod', {
        playerVars: {
            color: 'white'
        },
        events: {
            'onReady': doThisFirst,
            'onStateChange': onPlayerStateChange
        }
    });
}
function doThisFirst(){
    updateTimerDisplay();
    clearInterval(time_update_interval);
    time_update_interval = setInterval(function () {
        updateTimerDisplay();
    }, 1000);
    $('#volume-input').val(Math.round(player.getVolume()));
}

function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING) {  // If video is playing…
              var stop = document.getElementsByClassName('playButton');
              stop[0].click(player.pauseVideo());
        }
        else{    // If video – pause
            var start = document.getElementsByClassName('playButton');
            start[0].click(player.playVideo());
        }
      }