Javascript 在同一Img上使用onclick播放和暂停
当我点击img onclick时,下面的脚本正在播放一个声音文件。我如何通过点击相同的img来暂停它?我试过audio.pause,但不起作用Javascript 在同一Img上使用onclick播放和暂停,javascript,html,audio,onclick,Javascript,Html,Audio,Onclick,当我点击img onclick时,下面的脚本正在播放一个声音文件。我如何通过点击相同的img来暂停它?我试过audio.pause,但不起作用 function play(){ var audio = document.getElementById("myaudio"); audio.style.display="block"; audio.play(); } <a href="#" onclick="play()"><img src="Bilder/play2.png"&
function play(){
var audio = document.getElementById("myaudio");
audio.style.display="block";
audio.play();
}
<a href="#" onclick="play()"><img src="Bilder/play2.png"></a>
例如,您应该将函数重命名为audioHandler,它将处理是播放还是暂停音频 创建一个布尔值以记住您的音频是正在播放还是处于暂停状态
//initial status: audio is not playing
var status = false;
var audio = document.getElementById("myaudio");
function audioHandler(){
if(status == false || audio.paused){
audio.play();
status = true;
}else{
audio.pause();
status = false;
}
}
检查您的媒体的media.paused属性
在要控制操作的元素的处理程序中使用此选项
var elm = document.getElementById('play_button'),
audio = document.getElementById('myaudio');
elm.addEventListener('click', function (e) {
play_pause(audio);
});
当使用audio.pause时,您会看到什么错误?当我在浏览器中执行F12时没有错误…也许更好的问题是:我可以执行onclick=play;暂停??你能做一些小提琴并分享吗?到目前为止效果很好。。。我可以单击1xplay和1xpause,然后它就不再工作了。有办法吗?
var elm = document.getElementById('play_button'),
audio = document.getElementById('myaudio');
elm.addEventListener('click', function (e) {
play_pause(audio);
});