播放单个 iframe 视频时如何防止播放多个 iframe youtube 视频答案

【问题标题】：How to prevent the playing of multiple iframe youtube videos when playing a single iframe video播放单个 iframe 视频时如何防止播放多个 iframe youtube 视频
【发布时间】：2014-01-22 17:10:21
【问题描述】：

我正在基于 youtube player api 播放多个，当我单击单个播放器时，它开始播放，当单击第二个播放器时，第一个播放器与第二个播放器同时显示和播放，

谁能告诉我如何在播放单个视频时防止播放多个视频

这是我的代码：

    <!DOCTYPE html>
    <html>
      <body>
    <?php
        for($i=1;$i<10;$i++)
        {
        ?>
            <div class="youtubeplayer" playerid='player<?=$i?>' style="cursor:pointer">
                <div id="player<?=$i?>">player<?=$i?></div>
            </div>
        <?php
        }
    ?>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
var tag = document.createElement('script');

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

 $(function()
      {
          $('.youtubeplayer').click(function()
          {         
            var playerid=$(this).attr('playerid');
            player = new YT.Player(playerid , 
            {
              height: '390',
              width: '640',
              videoId: 'kK42LZqO0wA',
              events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
              }
            });

          });
      });

 function onPlayerReady(event) {
        event.target.playVideo();
      }
      function onPlayerStateChange(event)
      { 
        if(event.data == YT.PlayerState.PLAYING)
        {
            alert('playing');
        }
        else
        {
            alert('paused');
        }
      }

 function stopVideo() {
        player.stopVideo();
      }
    </script>
     </body>
     </html>

【问题讨论】：

当新视频开始播放时，您是要异步播放视频还是暂停其他视频？

标签： php jquery youtube-api

【解决方案1】：

这个 DEMO 对我有用，无需同时使用三个静态 html div

<div class="youtubeplayer" playerid='player1' style="cursor:pointer">
      <div id="player1">player</div>
</div>

【讨论】：