我是新手JS和Wordpress用户/开发人员。
我想在页面加载时在后台播放音频。此外,如果我点击几组按钮,想要暂停相同的音频。
我尝试使用插件(显然是一个菜鸟),但我可以得到一个条形音箱和播放暂停按钮。但是,无法将一组按钮连接到动作。
如何为on load
或on click
等事件实现此目的?
答案 0 :(得分:1)
暂停按钮:
<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();">
类似的东西应该让你去!
这适用于视频或音频,虽然前提是相同的,但我更新了音频,但前提是相同的。