Javascript 我想在播放YouTube时停止其他视频
我用以下代码控制多个YouTube 播放当前视频时,如何停止其他视频 HTMLJavascript 我想在播放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播放器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);