Javascript youtube iframe api未暂停视频

我目前正在制作一个带有各种iframe youtube嵌入的滑块的页面

我试图让我的JS在你点击滑块上的“下一步”按钮时暂停视频。我想我已经根据api设置好了一切。。但是当你点击滑块按钮时，它似乎不会暂停视频

<script type="text/javascript">
// https://developers.google.com/youtube/iframe_api_reference

// global variable for the player
var player;

// this function gets called when API is ready to use

function onYouTubePlayerAPIReady() {
  // create the global player from the specific iframe (#video)
  player = new YT.Player('video', {
    events: {
      // call this function when player is ready to use
      'onReady': onPlayerReady
    }
  });
}

function onPlayerReady(event) {

  // bind events

  var pauseButtonRight = document.getElementByID("pause-right");
  pauseButtonRight.addEventListener("click", function() {
    player.pauseVideo();
  });
   var pauseButtonLeft = document.getElementByID("pause-left");
  pauseButtonLeft.addEventListener("click", function() {
    player.pauseVideo();
  });
}

// Inject YouTube API 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>

// https://developers.google.com/youtube/iframe_api_reference
//玩家的全局变量
var播放器；
//当API准备好使用时调用此函数
函数onYouTubePlayerAPIReady（）{
//从特定iframe（#视频）创建全局播放器
播放器=新的YT.player（'视频'{
活动：{
//当玩家准备好使用时调用此函数
“onReady”：onPlayerReady
}
});
}
函数onPlayerReady（事件）{
//绑定事件
var pauseButtonRight=document.getElementByID（“pause right”）；
pauseButtonRight.addEventListener（“单击”，函数（）{
player.pauseVideo（）；
});
var pauseButtonLeft=document.getElementByID（“暂停左”）；
pauseButtonLeft.addEventListener（“单击”，函数（）{
player.pauseVideo（）；
});
}
//注入YouTube API脚本
var tag=document.createElement（'script'）；
tag.src=“//www.youtube.com/player_api”；
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；

我的iframes：

<iframe src="https://www.youtube.com/embed/6QB6jVjA2js?enablejsapi=1&html5=1&" frameborder="0" allowfullscreen="0"></iframe>

任何方向都将不胜感激。

有几件事：

• 这是

  document.getElementById

  而不是

  document.getElementById

• 您已实例化了一个id为“video”的Youtube播放器，但您的iframe没有任何id：

  <iframe id="video" src="https://www.youtube.com/embed/6QB6jVjA2js?enablejsapi=1&html5=1&" frameborder="0" allowfullscreen="0"></iframe>
  

  与：

  <iframe id="video" src="https://www.youtube.com/embed/6QB6jVjA2js?enablejsapi=1&html5=1&" frameborder="0" allowfullscreen="0"></iframe>
  <input id="pause" type="submit" value="pause" />
  <input id="play" type="submit" value="play" />
  

  检查

  ---

  检查
  感谢您在这方面的帮助。。。这非常有效。但有一件事是，onPlayerReady函数不需要event属性，反正它也没有被使用。

  <iframe id="video" src="https://www.youtube.com/embed/6QB6jVjA2js?enablejsapi=1&html5=1&" frameborder="0" allowfullscreen="0"></iframe>
  <input id="pause" type="submit" value="pause" />
  <input id="play" type="submit" value="play" />