html5オーディオとJavaScriptの操作の問題

Question

<audio>とjavascriptを使用してオーディオファイル（mp3）を操作しようとしていますが、リンクをクリックしても何も起こりません。 alert()は機能していますが、SafariやFirefoxのいずれの場合でも、音声は何も起こりません。つまり、一時停止も、再生も、何も起こりません。コーディングはかっこ悪いですか？

jQueryの/ JavaScriptの：

$(document).ready(function(){ 

    var audioElement = document.getElementById('audio_player'); 

    $('div.audioControls .play').live('click', function(){ 
    //alert('play'); 
    audioElement.play(); 
    }); 
    $('div.audioControls .pause').live('click', function(){ 
    //alert('pause'); 
    audioElement.pause(); 
    }); 
    $('div.audioControls .playatTime').live('click', function(){ 
    alert('play at time: 30 sec'); 
    audioElement.currentTime = 30; 
    audioElement.play(); 
    return false; 
    }); 

}); 

HTML：

<audio id="audio_player" controls="controls" src="aaliyah.mp3"> 
Your browser does not support the audio element. 
</audio> 

<div class="audioControls"> 
<a href="#" class="play buttons" style="border:1px solid #ccc;">play</a> 
<a href="#" class="pause buttons" style="border:1px solid #ccc;">pause</a> 
<a href="#" class="playatTime buttons" style="border:1px solid #ccc;">play at 35 secondes</a> 
</div> 

おかげで、このうち

チェック！

Answer 1

私は今、なぜそれが動作しなかったのか知っています。 javascript APIを使用するには、コントロールの属性をhtmlタグ自体から削除する必要があり、それが機能するはずです。

ありがとうございました