点击元素切换音频？

Question

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

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

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

Answer 1

这是播放/暂停歌曲： 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(); 
});