在 jQuery 中停止 HTML5 音频标签

Posted 2023-02-25

【中文标题】在 jQuery 中停止 HTML5 音频标签

【英文标题】：Stop HTML5 audio tag in jQuery

【发布时间】：2012-12-03 21:09:09

【问题描述】：

我正在使用 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(); 

这不起作用。

我使用了here提供的joyride插件

【参考方案1】：

welcome.pause() 应该是 DOMElement.pause()。只要您实际选择了 DOM 元素，您的代码就可以工作：

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

或

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

【参考方案2】：

我已经解决了这个问题：

替换：

welcome.pause();

在jquery函数中：

jQuery('audio').each(function() this.pause() );