Javascript 我想在播放YouTube时停止其他视频

Javascript 我想在播放YouTube时停止其他视频,javascript,php,html,youtube-api,youtube-javascript-api,Javascript,Php,Html,Youtube Api,Youtube Javascript Api,我用以下代码控制多个YouTube 播放当前视频时,如何停止其他视频 HTML 将每个新的视频播放器添加到一个数组中,并在需要时对其进行迭代 如果以下是您真正想要的,那就是暂停其他视频的播放按钮 //YouTube播放器API var tag=document.createElement('script'); tag.src=”https://www.youtube.com/iframe_api"; var firstScriptTag=document.getElementsByTagNa

我用以下代码控制多个YouTube

播放当前视频时,如何停止其他视频

HTML


将每个新的视频播放器添加到一个数组中,并在需要时对其进行迭代

如果以下是您真正想要的,那就是暂停其他视频的播放按钮

//YouTube播放器API
var tag=document.createElement('script');
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var=[];
//点击后嵌入YouTube
$('body')。在(“单击“,”.videos\u youtube”,function()上{
var click_Id=$(this.attr('Id');
var target\u Id=document.getElementById(单击\u Id);
var click_VideoId=$(this.attr('id').replace('youtube_','');
目标Id.addEventListener('click',函数(){
var ytArea=目标_Id;
var ytID=单击\u VideoId;
ytPlayer=新的YT.Player(YT区域{
宽度:640,
身高:390,
videoId:ytID
});
推(ytPlayer);
},假);
//控制
$(“#播放”)。单击(函数(){
for(变量ytIndex,以YT为单位){
ytPlayers[ytIndex].pauseVideo();
}
ytPlayer.playVideo();
});
$(“#暂停”)。单击(函数(){
ytPlayer.pauseVideo();
});

})(jQuery)附言。我从未见过有人同时使用snake+camel样式的变量名。:)
<div id="youtube_p_c6uQHlhZ0" class="videos_youtube">
    <img src="http://i.ytimg.com/vi/p_c6uQHlhZ0/mqdefault.jpg">
</div>

<div id="youtube_4TF2unP74tc" class="videos_youtube">
    <img src="http://i.ytimg.com/vi/4TF2unP74tc/mqdefault.jpg">
</div>

<button id="play">play</button>
<button id="pause">pause</button>
// YouTube Player API
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

// Embed YouTube after clicking
$('body').on("click",".videos_youtube",function(){

  var click_Id = $(this).attr('id');
  var target_Id = document.getElementById(click_Id);
  var click_VideoId = $(this).attr('id').replace('youtube_','');

  target_Id.addEventListener('click', function() {
    var ytArea = target_Id;
    var ytID = click_VideoId;
    ytPlayer = new YT.Player(ytArea, {
      width: 640,
      height: 390,
      videoId: ytID
    });
  }, false);

  // Control
  $('#play').click(function() {
    ytPlayer.playVideo();
  });
  $('#pause').click(function() {
    ytPlayer.pauseVideo();
  });

})(jQuery);