Question

我正在使用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中的下一个按钮并拨打电话暂停...即。

welcome.pause();

这不起作用。

我使用了可用的joyride插件here

Answer 1

welcome.pause()应为DOMElement.pause()。只要您实际选择了DOM元素，您的代码就会起作用：

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

或

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

Answer 2

我已经解决了这个问题：

替换：

welcome.pause();

在jquery函数中：

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

在jQuery中停止HTML5音频标记

2 个答案: