Question

我是新手JS和Wordpress用户/开发人员。我想在页面加载时在后台播放音频。此外，如果我点击几组按钮，想要暂停相同的音频。我尝试使用插件（显然是一个菜鸟），但我可以得到一个条形音箱和播放暂停按钮。但是，无法将一组按钮连接到动作。如何为on load或on click等事件实现此目的？

Answer 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();">

类似的东西应该让你去！

这适用于视频或音频，虽然前提是相同的，但我更新了音频，但前提是相同的。

在点击和加载事件时播放暂停背景音频

1 个答案: