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

标签 plugins javascript

我是 JS 和 Wordpress 用户/开发人员的新手。 我想在页面加载时在后台播放音频。另外,如果我单击几组按钮,想暂停相同的音频。 我尝试使用插件(显然是菜鸟),但是我可以获得一个条形音箱和一个播放暂停按钮。但是,无法将按钮组连接到操作。 如何针对 on loadon 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/

相关文章:

javascript - 当无法执行小书签时,有没有办法打开后备 url?

javascript - 为什么 Object.getOwnPropertyDescriptors 不适用于 HTMLElements?

javascript - 在静态 HTML 页面上设置 keith-wood CountDown

javascript - 在php代码中添加div类

javascript - 我应该使用 addEventListener

java - 插件框架和双向程序通信

multithreading - Delphi:在线程上的plugindll中创建的对象中使用adocomponents时出现异常

plugins - IntelliJ IDEA插件开发: Get classes VirtualFile (or paths) for a specific source VirtualFile

php - 多态/可插入 PHP 类

plugins - <输入类型 ='file' > 浏览按钮问题。是否有任何替代插件可以实现相同的效果?