HTML5音頻：更改使用JavaScript

出現在HTML5中可能包括一個簡單的標籤音頻：HTML5音頻：更改使用JavaScript

<audio src="anySong.m4a" controls></audio>

現在我試着改變使用JavaScript和JQuery的外觀，但它不工作。任何人都可以修復我的例子或建議另一種非常簡單的方法？

這裏舉例：http://jsfiddle.net/T47XQ/5/

HTML：

<audio id="audio" src="http://a3.mzstatic.com/us/r1000/075/Music/35/e5/c6/mzm.pffzpdco.aac.p.m4a"> 
</audio> 

<div id="escolta">escolta</div> 
<div id="pausa">pausa</div>

JAVASCRIPT：

$(function(){ 

    $("#escolta").click(function() { 
    $("#audio").play(); 
    }); 

    $("#pausa").click(function() { 
    $("#audio").pause(); 
    }); 

});

CSS：

#escolta,#pausa { font-family: Tahoma;letter-spacing:1px;font-size:11px;color: #6666;width: 80px;text-align: center;height: 20px;line-height: 20px;background-color: #ccc;cursor: pointer;} 
#escolta {position: absolute;top: 20px;left: 20px} 
#pausa {position: absolute;top: 20px;left: 150px}

來源

2012-06-23 Nrc

使用$('id')[0]，以獲得原始元素（http://jsfiddle.net/T47XQ/6/）

來源

2012-07-11 17:08:37 StrubT

你也可以使用以下內容：http://jsfiddle.net/T47XQ/8/ – StrubT

這太棒了！如此清晰和簡單。 – Nrc

您是否有任何想法如何以非常簡單的方式將音頻包含在IE和非HTML5瀏覽器中？ – Nrc

HTML5音頻：更改使用JavaScript

回答

相關問題