Javascript 如何使用2个音频播放器并在另一个播放时停止其中一个

因此，我的页面中有一个带有两个播放按钮的

音频

播放器，我需要停止播放

播放器

与这两个按钮一起工作

我正在使用html5和js/jquery来实现这一点，但当我启动audio player 2时，我找不到停止audio player 1的方法，有人能帮我吗

---

我的JSFIDLE:

My 2cents，它会检测到with按钮被点击，并将另一个按钮的文本改回“播放”

---

您可以只为每个按钮使用一个类名，并一次控制它们

<button class="player-control" id="playpause">play</button>
<audio id="player">
    <source src="http://96.47.236.72:8364/;" />
</audio>
<!-- here the other button that needs to start sound too -->
<button class="player-control" id="playpause2">play</button>

<script type="text/javascript">
window.player = $('#player')[0];
$('.player-control').click(function () {
    if (player.paused) {
        player.play();
        $('.player-control').html('pause');
    } else {
        player.pause();
        $('.player-control').html('play');
    }
});
</script>

播放
玩
window.player=$（'#player'）[0]；
$（'.player control'）。单击（函数（）{
如果（播放器暂停）{
player.play（）；
$（'.player control'）.html（'pause'）；
}否则{
player.pause（）；
$（'.player control'）.html（'play'）；
}
});

目前，游戏机上只有一名玩家page@falinsky对不起，我解释错了，我有一个播放器，有两个按钮可以激活它。为什么你要用两个单独的按钮来控制一个播放器？@falinsky我把播放器放在一个页面的页眉，例如，当用户阅读一篇文章时，他们可以在侧边栏中停止并播放音频，该侧边栏看起来像是社交滚动侧边栏。下面回答：它是干什么用的？没有解释的代码不会带来理解。真的谢谢@htatch！你的回答对我也有帮助！：）@真的。在您的解决方案中，按钮不同步。@falinsky，因为它们不必同步，请再次阅读问题。@h请阅读问题下方的注释，您会理解的。

<button class="player-control" id="playpause">play</button>
<audio id="player">
    <source src="http://96.47.236.72:8364/;" />
</audio>
<!-- here the other button that needs to start sound too -->
<button class="player-control" id="playpause2">play</button>

<script type="text/javascript">
window.player = $('#player')[0];
$('.player-control').click(function () {
    if (player.paused) {
        player.play();
        $('.player-control').html('pause');
    } else {
        player.pause();
        $('.player-control').html('play');
    }
});
</script>