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/