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>
你想异步播放视频或当一个新的视频开始播放暂停等视频? – Aaron