Javascript 我希望在同一页面上同时播放多个SoundCloud小部件

我的页面上隐藏了两个soundcloud小部件。我将它们链接到充当播放按钮的div。当前，单击第一个div时，第一个声音开始。单击第二个div时，第二个声音开始，第一个声音自动暂停。我希望声音同时播放

<div id = "bgSound">
  <iframe id = 'first' width="0" height="0" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/257485031?secret_token=s-i9opu&color=ff5500&inverse=false&auto_play=false&show_user=true"></iframe>

  <iframe id = "second" width="0" height="0" scrolling="no" frameborder="no" src="https://api.soundcloud.com/tracks/257498359?secret_token=s-c9D5D&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
</div>

---

您应该能够使用

single_active=false

来确保两者可以同时播放，否则一方在开始播放时会暂停另一方

<div id = "bgSound">
  <iframe id="first" width="0" height="0" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/257485031?secret_token=s-i9opu&color=ff5500&inverse=false&auto_play=false&show_user=true&single_active=false"></iframe>

  <iframe id="second" width="0" height="0" scrolling="no" frameborder="no" src="https://api.soundcloud.com/tracks/257498359?secret_token=s-c9D5D&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true&single_active=false"></iframe>
</div>

---

您应该能够使用

single\u active=false

来确保两者可以同时播放，否则一方在开始播放时会暂停另一方

<div id = "bgSound">
  <iframe id="first" width="0" height="0" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/257485031?secret_token=s-i9opu&color=ff5500&inverse=false&auto_play=false&show_user=true&single_active=false"></iframe>

  <iframe id="second" width="0" height="0" scrolling="no" frameborder="no" src="https://api.soundcloud.com/tracks/257498359?secret_token=s-c9D5D&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true&single_active=false"></iframe>
</div>

var widget1 = SC.Widget('first'); 
var widget2 = SC.Widget('second')
$('.Top-Left').click(function() {
    widget1.play();
});
$('.Top-Center').click(function() {
    widget2.play();
});