jQuery自動播放HTML5音頻

Question

好吧，讓我告訴你我在哪裏。音頻文件顯示並加載。你可以點擊播放來播放它。 jQuery不會自動調整材質。我不得不根據鏈接的href加載文件。代碼如下。試圖讓這個自動播放。

  $('.voiceLink a', resbox).click(function(e){ 
       e.preventDefault(); 
       var link = $(this).prop('href'), 
        audio = $('.audioControl', el.parent()); 

       audio.find('source').prop('src', link); 
       audio.parent().css('display','inline-block'); 
       audio.find('audio').load(); 
       setTimeout(audio.find('audio').play(), 100); 

       $(window).scrollTop(); 
      }); 

resbox =包裝盒。

的HTML元素：

<div class="audioHide" style="display: none;"> 
       <div class="audioControl" style="position:relative; top:10px; left:50px; display:inline-block;"> 
        <audio controls><source src="#" type="audio/mpeg"> 
         Not Supported 
        </audio> 
       </div> 
       </div> 

實例鏈接：

<a target="_blank" href="http://relatientsounds.s3-website-us-east-1.amazonaws.com/recordings/2456266.mp3">2456266</a> 

Answer 1

編輯

試試這個

audio.find('source').prop('src', link); 
audio.parent().css('display','inline-block'); 
audio.find('audio').load(); 
//this line 
audio.find('audio')[0].play(); 

演示http://jsfiddle.net/m25kfy57/1/