HTML5 오디오 : HTML5에서 자바 스크립트

Question

와 모양을 변경하는 간단한 태그 오디오를 포함 할 수 있습니다 :

<audio src="anySong.m4a" controls></audio>​ 

는 지금은 자바 스크립트와 jQuery를 사용하여 모양을 변경하려고하지만 그것은 작동하지 않습니다. 누구든지 내 예를 수리하거나 다른 아주 간단한 방법을 제안 할 수 있습니까? 여기

예 : http://jsfiddle.net/T47XQ/5/

HTML :

<audio id="audio" src="http://a3.mzstatic.com/us/r1000/075/Music/35/e5/c6/mzm.pffzpdco.aac.p.m4a"> 
</audio> 

<div id="escolta">escolta</div> 
<div id="pausa">pausa</div> 

JAVASCRIPT :

$(function(){ 

    $("#escolta").click(function() { 
    $("#audio").play(); 
    }); 

    $("#pausa").click(function() { 
    $("#audio").pause(); 
    }); 

}); 

는 CSS :

#escolta,#pausa { font-family: Tahoma;letter-spacing:1px;font-size:11px;color: #6666;width: 80px;text-align: center;height: 20px;line-height: 20px;background-color: #ccc;cursor: pointer;} 
#escolta {position: absolute;top: 20px;left: 20px} 
#pausa {position: absolute;top: 20px;left: 150px} 

Answer 1

사용 $('id')[0] 원시를 얻을 수 요소 (http://jsfiddle.net/T47XQ/6/)