Creating several YouTube videos, play and pause using JS

youtube-api-play-pause.html

<div id="player-TMoPuv-xXMM"></div>
<hr/>
<div id="player-bpOR_HuHRNs"></div>

<a href="#" id="pause">Pause</a>
<a href="#" id="resume">Resume</a>

<script src="http://www.youtube.com/player_api"></script>
<script>
// 3. This function creates an <iframe> (and YouTube player)
//    after the API code downloads.
var players = [];
function createVideo(vid){
    return new YT.Player('player-' + vid, {
        height: '315',
        width: '560',
        videoId: vid,
    });
}

function onYouTubePlayerAPIReady() {
    players.push(createVideo("TMoPuv-xXMM"))
    players.push(createVideo("bpOR_HuHRNs"))
    
    document.getElementById('resume').onclick = function() {
        for(var i=0; i < players.length; i++){
         players[i].playVideo();
        }
    };
    document.getElementById('pause').onclick = function() {
        for(var i=0; i < players.length; i++){
            players[i].pauseVideo();
        }
    };
}
</script>