Php 如何在播放单个iframe视频时防止播放多个iframe youtube视频
我正在播放一个基于youtube播放器api的多路播放,当我单击单个播放器时,它开始播放,当单击第二个播放器时,第一个播放器与第二个播放器同时显示和播放 有谁能告诉我,在播放单个视频时,如何防止播放多个视频 这是我的密码:Php 如何在播放单个iframe视频时防止播放多个iframe youtube视频,php,jquery,youtube-api,Php,Jquery,Youtube Api,我正在播放一个基于youtube播放器api的多路播放,当我单击单个播放器时,它开始播放,当单击第二个播放器时,第一个播放器与第二个播放器同时显示和播放 有谁能告诉我,在播放单个视频时,如何防止播放多个视频 这是我的密码: <!DOCTYPE html> <html> <body> <?php for($i=1;$i<10;$i++) { ?>
<!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>
var tag=document.createElement('script');
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var播放器;
$(函数()
{
$('.youtubeplyer')。单击(函数()
{
var playerid=$(this.attr('playerid');
玩家=新的YT玩家(玩家ID,
{
高度:“390”,
宽度:“640”,
videoId:'kK42LZqO0wA',
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
});
});
函数onPlayerReady(事件){
event.target.playVideo();
}
函数onPlayerStateChange(事件)
{
if(event.data==YT.PlayerState.PLAYING)
{
警惕(“玩”);
}
其他的
{
警报(“暂停”);
}
}
函数stopVideo(){
player.stopVideo();
}
这个适合我,不需要同时使用三个静态html div播放
<div class="youtubeplayer" playerid='player1' style="cursor:pointer">
<div id="player1">player</div>
</div>
运动员
您想异步播放视频,还是在新视频开始播放时暂停其他视频?