Javascript html5 audioElement的多个实例,可以用$(这个)完成吗?
如何在一个页面上使用多个实例,例如mysql while循环。如果您想象以下代码的多个实例,当您单击“播放”时,它将播放第一个实例。但我需要一个类似于以下3行的代码:Javascript html5 audioElement的多个实例,可以用$(这个)完成吗?,javascript,jquery,html,Javascript,Jquery,Html,如何在一个页面上使用多个实例,例如mysql while循环。如果您想象以下代码的多个实例,当您单击“播放”时,它将播放第一个实例。但我需要一个类似于以下3行的代码: $('.play').click(function () { $(this).audioElement.play(); }); 但这里是工作代码。 (javascript) $(文档).ready(函数(){ var audioElement=document.createElement('audio'); setAtt
$('.play').click(function () {
$(this).audioElement.play();
});
但这里是工作代码。
(javascript)
$(文档).ready(函数(){
var audioElement=document.createElement('audio');
setAttribute('src','');
$('.play')。单击(函数(){
audioElement.play();
});
$('.pause')。单击(函数(){
audioElement.pause();
});
});
(html)
播放
停止
当然可以,但是您需要获取本机DOM元素来调用该函数,因为jQuery对本机play
方法一无所知。这可能对你有用
HTML
<div class="play">
<audio src="http://www.2click4.com/mods/wall/uploads/1709824424.wav"></audio>
Play
</div>
<div class="pause">Stop</div>
这管用!谢谢你,虽然我注意到了它的延迟,但是有没有任何原因可以解释为什么之前的代码没有延迟,而这确实是吗?@user3206729我不完全确定它为什么会延迟,但我怀疑这是因为你处理了太多的缓冲区,而且需要时间。在这种情况下,除了换一种方式,别无选择。如果这有帮助,我们将非常感谢您的支持或接受。@user3206729
<div class="play">Play</div>
<div class="pause">Stop</div>
<div class="play">
<audio src="http://www.2click4.com/mods/wall/uploads/1709824424.wav"></audio>
Play
</div>
<div class="pause">Stop</div>
$('.play').click(function () {
$('audio', this).get(0).play();
});