javascript - 如何检查 ul 标签的 li 中是否正在播放任何 YouTube 视频，然后相应地执行一些操作

Question

我已将视频嵌入到 ul 标签的 li(s) 中，例如

  <ul class="slides">
        <li>
            <iframe id="ctl00_SliderContent_rptSlider_ctl01_framevid" width="400" height="200" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="border: solid 4px #37474F" src="https://www.youtube.com/embed/umG3MsLrcOU"></iframe>
            <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_lemon.jpg" />
            </li>
            <li>
            <img src="images/kitchen_adventurer_donut.jpg" />
              <iframe id="ctl00_SliderContent_rptSlider_ctl02_framevid" width="400" height="200" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="border: solid 4px #37474F" src="https://www.youtube.com/embed/umG3MsLrcOU"></iframe>
            </li>
            <li>
            <img src="images/kitchen_adventurer_caramel.jpg" />
            </li>
      </ul>

我正在尝试调整下面的 jQuery 代码，以便获取 ul 标记的不同 li 中的视频状态，然后执行相应的操作。我做不到。

          <script type="text/javascript">
            var player;
             function onYouTubeIframeAPIReady() {
            player = new YT.Player('ctl00_SliderContent_rptSlider_ctl01_framevid', {
            events: {
           'onStateChange': onPlayerStateChange
            }
         });
       } 
        function PlayStop(playerStatus) {
        if (playerStatus == -1) {
          // unstarted 
        } else if (playerStatus == 0) {
         // ended
        } else if (playerStatus == 1) {
          // playing
      } else if (playerStatus == 2) {
         // paused
      } else if (playerStatus == 3) {
       // buffering
      } else if (playerStatus == 5) {
      // video cued
      }
    }
    function onPlayerStateChange(event) {
       PlayStop(event.data);
     }
    </script>

请帮助我!!!

Answer 1

您应该忘记持有元素的标签，因为玩家不会看到或使用它们。

最好是使用玩家 ID 来定位每个玩家，并让他们将信息发送到全局脚本进行交互。
您可以开始 HERE ，但 stackoverflow 中也有很多示例可供查找。