点击元素切换音频?

时间:2013-10-23 13:37:37

标签: jquery audio click toggle

如何在点击单个元素时切换音频?

请参阅小提琴http://jsfiddle.net/rabelais/zy2jD/1/

$("#one").toggle(function () {
$('#sound-1').get(0).play();
});

1 个答案:

答案 0 :(得分:0)

这是播放/暂停歌曲: http://jsfiddle.net/RGJCf/36/

HTML:

<div id="one" class="bar1">
    <i class="play">I tried to tell you</i>
    <i class="stop">I tried to tell you</i>
</div>

CSS:

.stop{
    display:none;
}

JS:

$("#one").click(function () {
    if ($('#sound-1').get(0).paused == false) {
        $('#sound-1').get(0).pause();
        alert('music paused');
    } else {
        $('#sound-1').get(0).play();
        alert('music playing');
    }
    $('i').toggle();
});