检查 YouTube 视频是否正在播放并运行脚本

我在 WordPress 中嵌入了以下视频

<iframe id="video" width="640" height="360" src="http://www.youtube.com/embed/xxxxxx?enablejsapi=1" frameborder="0" allowfullscreen></iframe>

它位于幻灯片中，我想在有人单击视频时停止该幻灯片。我不知道如何获得这行代码

self.pauseAutoPlay = true;

在视频播放时运行。

我迫切需要一些帮助。

Edit:因为我不是最终用户。我需要一些可以与 YouTube 的默认嵌入代码配合使用的东西。

您需要使用 YouTube iFrame API。请记住，我只了解 Javascript 等的基本知识，因此这可能会更有效。

您可以像平常一样嵌入您的 iframe

<iframe id="player" width="640" height="360" src="http://www.youtube.com/embed/TJ2X4dFhAC0?enablejsapi" frameborder="0" allowfullscreen></iframe>

但有一些变化。它需要有一个 ID“玩家”，并且您需要附加?enablejsapi到源 URI 的末尾。

然后，您需要运行以下脚本来加载 API JS 并创建播放器

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

  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('player', {
      height: '390',
      width: '640',
      videoId: 'u1zgFlCw8Aw',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

请注意new YT.Player('player'应该与您的 iframe ID 匹配videoId: 'u1zgFlCw8Aw'应与 src URI 匹配。

之后您将能够运行类似的脚本

var myPlayerState;
      function onPlayerStateChange(event) {
        if (event.data == YT.PlayerState.PLAYING && !done) {
          // DO THIS
        }
        myPlayerState = event.data;
      }

if (myPlayerState == 1){
  // PAUSE SLIDER
}