jQuery自动播放HTML5音频
问题描述:
好吧,让我告诉你我在哪里。音频文件显示并加载。你可以点击播放来播放它。 jQuery不会自动调整材质。我不得不根据链接的href加载文件。代码如下。试图让这个自动播放。jQuery自动播放HTML5音频
$('.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>
答
编辑
试试这个
audio.find('source').prop('src', link);
audio.parent().css('display','inline-block');
audio.find('audio').load();
//this line
audio.find('audio')[0].play();
.voiceLink附加到页面上的约50个不同链接。这是一个基于记录的录音表格。他们有能力点击语音图标来听录音。点击就会触发该功能。如果它是一个链接,我会考虑。但我需要一种方法来做到这一点点击 – jamadri 2014-10-16 14:47:11
我编辑了答案 – 2014-10-16 15:16:07
谢谢。这工作。 – jamadri 2014-10-16 15:42:49