Javascriptプレーヤーが働くことができません

Question

私はこのjavascriptプレーヤーをクリックして再生するのに助けが必要です。

私は例を示しました。私はすべてが正しいと思ったが、私はそれを再生することはできない。サイトが読み込まれると、ファイルが再生されるため、MP3ファイルへのパスが正しいことがわかります。しかし、私はそのファイルをクリックして再生する必要があります。

は、ここでは、コードです：

<a id="mtoogle" style="cursor:pointer;"> 
<img src="../../../Custom/images/speaker.png"></a> 
<audio id="playTune"> 
<source src="../../../media/temp_Audio1.mp3"> 
</audio> 

<script type="text/javascript"> 
$('#mtoogle').toggle(
function() { 
document.getElementById('playTune').pause(); 
}, 
function() { 
document.getElementById('playTune').play(); 
} 
); 
</script> 

は、誰かが私が行方不明です何を指摘することはできますか？私はとても感謝しています。

Answer 1

jQueryの.toggle()はhide/showで、必要なものではありません。

まず、pausedであれば、それぞれplay()またはpause()を行うよりも、チェック

AUDIOが

例あなたHTMLMediaElementある

// Toggle audio play()/pause() methods 
AUDIO[AUDIO.paused ? "play" : "pause"](); 

：

var AUDIO = $("#audio")[0]; 
 

 
$("#btn").click(function() { 
 
    AUDIO[AUDIO.paused ? "play" : "pause"](); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<a id="btn" style="cursor:pointer;"><img src="//i.stack.imgur.com/qseZe.png"></a> 
 

 
<audio id="audio"> 
 
    <source src="http://upload.wikimedia.org/wikipedia/en/4/45/ACDC_-_Back_In_Black-sample.ogg"> 
 
</audio>

P.S：私はあなたが複数のトラックのための別のシンプルで素敵な実装を見つけることができ、ここで

toggle-audio-play-pause-imageデモの目的のために、より意味のあるものに自分のIDを改名しました。

MOZ ^{ドキュメント}：https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/paused

Answer 2

問題を約Toggle()方法です。

これも機能します。