Javascript:如何在音频播放器中使用多个播放按钮

时间:2014-02-18 01:38:15

标签: javascript jquery html5 html5-audio

所以我试图在我的buttons播放器中使用两个播放audio,这是因为我有一个在音频播放器中,而另一个在侧边栏中。例如。

关注我的jsfiddle: http://jsfiddle.net/LqM9D/5/

有人可以帮忙吗?

Obs:我在我的播放器上使用html5音频和jquery / js

2 个答案:

答案 0 :(得分:2)

您重复使用相同的ID两次。 ID 必须唯一。纠正这一点,它工作正常。既然你正在使用jQuery,你可以使用:

window.player = $('#player')[0];
$('#playpause, #playpause2').click(function () {
    if (player.paused) {
        player.play();
        this.innerHTML = 'pause';
    } else {
        player.pause();
        this.innerHTML = 'play';
    }
})

<强> jsFiddle example

答案 1 :(得分:0)

在按钮上使用通用类,而不是ID。 ID必须是唯一的。然后设置jQuery click方法。更新了