jquery - 在 jQuery 中停止 HTML5 音频标签

标签 jquery html audio

我正在使用 jquery 插件进行站点浏览。要定义游览的停靠站,您可以创建一个具有特定 ID 的有序列表,并使用行项目来分隔停靠站。

HTML:

<ol id="joyRideTipContent">
    <li>
        <center>
            <audio id="welcome" src="intro.mp3" controls></audio>
        </center>    
        <h2>Stop 1 title</h2>
        <p>Stop 1 content</p>
    </li>
    <li>
        <center>
            <audio src="sectionIntro01.mp3" controls></audio>
        </center>
        <h2>Stop 2 title</h2>
        <p>Stop 2 content</p>
    </li>
    <li data-id="s01c01">
        <p>Stop 3 content<p> 
    </li>
</ol>

我的音频嵌入工作正常使用:(将嵌入代码放入行项目中)

<audio id="myID" src="filename.mp3"></audio>

我无法让它停止播放,我尝试了很多方法,主要是我一直在尝试在 *.js 中找到对关闭按钮和下一步按钮的调用,并在那里调用暂停... IE。

welcome.pause(); 

这行不通。

我使用了可用的 joyride 插件 here

最佳答案

welcome.pause() 应该是 DOMElement.pause()。只要您实际选择了 DOM 元素,您的代码就会工作:

var welcome = $("#welcome")[0];

var welcome = document.getElementById('welcome');

关于jquery - 在 jQuery 中停止 HTML5 音频标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13691756/

相关文章:

html - 我想用HTML中的<embed>依次播放2个音频链接

html - CSS 下拉 <ul> <li> 菜单每一层大小不同

function - 我正在寻找一种简单的解决方案,使用下面的现有代码单击缩略图,即可加载新的/不同的mp3声音文件

web-services - 在Ionic中播放来自远程URL的音频(使用cordova进行混合应用开发)

javascript - 如何设置方法,只能删除元素的预定义值?

jquery - 调整DataTable pdf导出的列宽

javascript - 消失的复选标记之谜

jquery - 使用 jQuery 选择动态创建的元素

Html表单提交

html - 是否可以设置 html5 音频标签的样式?