0

こんにちは、クリックすると曲を再生し、もう一度クリックすると一時停止しようとしていますが、再生しているだけのようです。これは以下のコードです:

Javascript

 function StartOrStop(audioFile)
  {
    var audie = document.getElementById("myAudio");
    if(!audie.src) 
       audie.src = audioFile;
    if(audie.paused == false)
     {
        audie.pause();
     }
     else
     {
       audie.play();
     }
  }

HTML5

<img src="images/play.png" alt="Play Button width="57" height="50" onclick="StartOrStop('RWY.mp3')" >

どうすれば修正できるかについて何か提案はありますか?

4

1 に答える 1

2

をクリックするたびに、関数imageが呼び出されます。これにより、ビデオセットが再び発生するため、ビデオを一時停止することはできませんが、もう一度再生することができます。StartOrStopsrcpausedtrue

このバージョンは動作するはずです:

HTML:

<img src="images/play.png" alt="Play Button" width="57" height="50" onclick="StartOrStop('RWY.mp3')">

<audio id="myAudio"></audio>

Javascript:

function StartOrStop(audioFile) {
    var audie = document.getElementById("myAudio");
    if (!audie.src || audie.src !== audioFile) audie.src = audioFile; // check if there's a src already and if the current src is not the same with the new one, change it. Or don't do anything.
    if (audie.paused == false)
        audie.pause();
    else
        audie.play();
}

フィドル: http://jsfiddle.net/QCGYP/4/

于 2013-03-23T12:37:39.577 に答える