在 HTML5 中,可以使用简单的标签来包含音频:
<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}