jquery - 使用 jQuery 更改源后在 HTML5 中播放音频

Question

最奇怪的事情：我有一个 jQuery 函数可以更改音频播放器的来源。如果我在两者之间插入一个“alert()”，它就会起作用。但否则它会返回 NaN。

jQuery：

$('.playpause').click(function(){

  if (playmode==false){

    audio = $('#player audio').get(0);
    $(audio).attr('src','newurl.mp3');
    playmode = true;
    /*alert('wait a minute!');*/
    audio.play();
  } 
  else {
  audio.pause();
  playmode = false;}
})

我想这与浏览器没有时间加载数据有关吗？有什么想法吗？谢谢！

Answer 1

适合我：>>

<script>
        jQuery(document).ready(function ($) {
            $('.button').click(function(){
                var myAudio=$(".playpause");     
                var audioSub = myAudio.get(0); 
                var playmode=audioSub.paused;  
                if (playmode){      
                    myAudio.attr('src','song.mp3');
                    playmode = true;     
                    audioSub.play();
                } 
                else {
                    audioSub.pause();
                    playmode = false;}
            })
        });
    </script>

HTML 代码：>>

 <button class="button" >Next</button>
            <audio controls  class="playpause">
                <source src="song0.mp3" type="audio/mp3"/>
                Your browser does not support HTML5 audio.
            </audio>