我是 JS 和 Wordpress 用户/开发人员的新手。
我想在页面加载时在后台播放音频。另外,如果我单击几组按钮,想暂停相同的音频。
我尝试使用插件(显然是菜鸟),但是我可以获得一个条形音箱和一个播放暂停按钮。但是,无法将按钮组连接到操作。
如何针对 on load
或 on click
等事件实现此目的?
最佳答案
暂停按钮:
<button onclick="pauseAudio()" type="button">Pause Audio</button>
音频:
<audio controls>
<source src="audio.ogg" type="audio/ogg">
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
JS 脚本:
var audio = document.getElementById("audio");
function pauseAudio() {
audio.pause();
}
audio.play();
我认为代码非常简单。基本上,您获得视频元素,然后运行 .play()
在上面。添加到按钮的onclick pauseAudio()
这将运行该函数并暂停视频。
希望有帮助!
或者...
<button onclick="document.getElementById("audio").pause();" type="button">Pause Audio</button>
以及<body>
标签:
<body onload="document.getElementById("audio").play();">
类似的东西应该会让你继续前进!
这适用于视频或音频,我已将其更新为更适用于音频,但前提是相同的。
关于plugins - 在点击和加载事件时播放暂停背景音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36294503/