在jQuery中停止HTML5音頻標記

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

來源

2012-12-03 ckeegan

welcome.pause()的兜風插件應該是DOMElement.pause()。

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

或

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

來源

2012-12-03 21:22:00 Jasper

我已經解決了這個問題：你實際上已經選定的DOM元素，您的代碼就會一直工作

替換：

welcome.pause();

在jquery函數中：

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

來源

2012-12-05 16:53:23 ckeegan

在jQuery中停止HTML5音頻標記

回答

相關問題