У меня есть музыкальный блог, который содержит различные встроенные звуковые облака и проигрыватели YouTube.

Что я хочу сделать, так это предотвратить одновременное воспроизведение звука. Другими словами, во время воспроизведения видео на YouTube, если я нажму, чтобы воспроизвести вставку Soundcloud, я хочу, чтобы проигрыватель YouTube приостановился, и наоборот.

Я разработал код, который приостанавливает потоковый проигрыватель YouTube, если я нажимаю, чтобы воспроизвести другой проигрыватель YouTube (SoundCloud уже делает это по своей сути). Мне просто нужно сделать его совместимым. Действительно был бы признателен за помощь, спасибо.

var playerCurrentlyPlaying = null;
var players = {}
YT_ready(function() {
   $(".youtube_embed").each(function() {
       var identifier = this.id;
       var frameID = getFrameID(identifier);
       if (frameID) {
            players[frameID] = new YT.Player(frameID, {
                events: {
                    "onStateChange": function(event){
                        if (event.data == YT.PlayerState.PLAYING)
                        {
                            if(playerCurrentlyPlaying != null &&
                               playerCurrentlyPlaying != frameID)
                            callPlayer( playerCurrentlyPlaying , 'pauseVideo' );
                            playerCurrentlyPlaying = frameID;
                        }
                    }
                }
            });
        }
   });
});

Я использовал функции из этих источников:Прослушивание событий Youtube в JavaScript или jQuery

API iframe YouTube: как мне управлять плеером iframe, который уже находится в HTML?

YouTube API Target (несколько) существующих фреймов

Визуализированный HTML с использованием UniqueID ():

<span class="soundcloud_embed" id="soundcloud_post_312">
  <iframe id="ui-id-1" width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F103518792&show_artwork=true&secret_token=s-LnOTK"></iframe>
</span>

<span class="youtube_embed" id="youtube_post_309">
  <iframe id="ui-id-2" width="528" height="190" src="//www.youtube.com/embed/Y3CYKXBEtf0" frameborder="0" allowfullscreen></iframe>
</span>