2012-12-03 59 views
3

我正在使用jquery插件来执行网站导览。要定义游览的停靠点,您需要创建一个具有特定ID的有序列表,并使用行项目来分隔停靠点。在jQuery中停止HTML5音频标记

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

这是行不通的。

我使用的可用here

回答

3

welcome.pause()的兜风插件应该是DOMElement.pause()

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

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

我已经解决了这个问题:你实际上已经选定的DOM元素,您的代码就会一直工作

替换:

welcome.pause(); 

在jquery函数中:

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