2014-01-05 61 views
0

我正在玩基于youtube播放器api的多重播放,当我点击单个播放器播放时,并且当点击第二个播放器时,第一个播放器显示的是与第二个玩家同时玩,如何防止在播放单个iframe视频时播放多个iframe 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> 
+0

你想异步播放视频或当一个新的视频开始播放暂停等视频? – Aaron

回答

0

DEMO作品我没有打比赛同时使用三个静态HTML的div

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