Question

所以我的页面中有一个audio播放器，带有两个播放按钮，我需要停止并使用这两个按钮播放player。

我正在使用html5和js / jquery这样做，但是当我启动音频播放器2时，我找不到停止音频播放器1的方法，有人可以提供帮助吗？

我的jsfiddle： http://jsfiddle.net/j08691/LqM9D/9/

Answer 1

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

window.player = $('#player')[0];
$('#playpause, #playpause2').click(function () {
    if (player.paused) {
        var second_playbutton = ($(this).attr("id") == "playpause")
          ? "playpause2"
          : "playpause"
        $("#" + second_playbutton).html("play");

        player.play();
        this.innerHTML = 'pause';
    } else {
        player.pause();
        this.innerHTML = 'play';
    }
})

Answer 2

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

<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>

如何使用2个音频播放器并在其他播放时停止播放

2 个答案: