Проблемы при создании нескольких объектов YT.player на странице
 

Доброго времени суток.Есть код:


var player1,
player2,
player3;

function onYouTubeIframeAPIReady() {
player1 = new YT.Player('frame-1', {
events: {
'onReady': onPlayerReady,
}
});

function onPlayerReady(event) {
document.getElementById('pause-1').addEventListener('click', function() {player1.pauseVideo();});
}
}


function onYouTubeIframeAPIReady() {
player2 = new YT.Player('frame-2', {
events: {
'onReady': onPlayerReady,
}
});
function onPlayerReady(event) {
document.getElementById('pause-2').addEventListener('click', function() {player2.pauseVideo();});
}
}


function onYouTubeIframeAPIReady() {
player3 = new YT.Player('frame-3', {
events: {
'onReady': onPlayerReady,
}
});
function onPlayerReady(event) {
document.getElementById('pause-3').addEventListener('click', function() {player3.pauseVideo();});
}
}


Проблема в том,что событие срабатывает только на player3, игнорируя player1 и player2.При этом объекты расположены на одной странице.

сфздщсл, ты перезаписал одноименные функции, объедини их.