Как предотвратить воспроизведение нескольких видеофреймов iframe на YouTube при воспроизведении одного видеофрейма iframe

Question

Как предотвратить воспроизведение нескольких видеофреймов iframe на YouTube при воспроизведении одного видеофрейма iframe

0

Я играю несколько, основанный на проигрывателе YouTube, когда я нажимаю на одиночного игрока, которого он играет, а когда нажимает второго игрока, первый игрок показывает и играет одновременно со вторым игроком,

Может ли кто-нибудь сказать мне, как я могу предотвратить воспроизведение нескольких видео при воспроизведении одного видео

Вот мой код:

    <!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>

lalith458 05 янв. 2014, в 07:51

Источник

0

Хотите воспроизвести видео асинхронно или приостановить воспроизведение других видео, когда новое видео начнет воспроизводиться?
Aaron 05 янв. 2014, в 22:32

Теги:

php

jquery

youtube-api

1 ответ

Ещё вопросы

Хотите воспроизвести видео асинхронно или приостановить воспроизведение других видео, когда новое видео начнет воспроизводиться?

Aaron · Answer 1 · 2014-01-05T21-25-00.000Z

Эта DEMO работает для меня, не играя одновременно, используя три статических html divs

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