简单的自定义播放按钮，用于HTML格式的多首歌曲

我想做的就是在我的页面上发布几首歌曲，用户按下我创建的自定义图像。我不想使用Flash，因为我希望它能在iPad和iPhone上运行。但我想创建一个可爱的播放按钮，而不是标准的控制台

谢谢

看看这个。 它使用HTML5

audio

标记

HTML

获取多个源的

请参阅已更新的美学元素。
您可以在现代浏览器中使用元素。对于IE8及以上版本，您可以尝试利用元素和/或闪存回退。
以下是一个如何通过自定义图标图像触发音频播放的示例。。此方法使用jPlayer，因此是跨平台的。。在这把小提琴上测试它：

标记示例：

<div id="audio"></div>
<a href="http://www.freesfx.co.uk/rx2/mp3s/3/2665_1315685839.mp3">
    <img src="http://icons.iconarchive.com/icons/creative-freedom/shimmer/48/Play-icon.png" />
</a>
<a href="http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3">
    <img src="http://icons.iconarchive.com/icons/creative-freedom/shimmer/48/Play-icon.png" />
</a>

别忘了确保页面上已加载jQuery和jPlayer：

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript' src="http://www.jplayer.org/latest/js/jquery.jplayer.min.js"></script>


您需要在问题中提供更多细节。我们不能帮你蒙住眼睛。嗯，好的……我想制作按钮，用户点击按钮，然后播放音乐。我不想使用Flash或HTML5。我想使用HTML/Javascript来实现这一点，因为我希望它能在iPhone和iPad上运行。看看HTML5。HTML5能在常规的旧HTML页面上运行吗？我试过了，但似乎不起作用。但我可能遗漏了一些东西，它只适用于支持HTML5的浏览器。它与旧浏览器“工作”，但是你的音频标签不会因为它在HTML4.XI中不被支持，因为我在iPad上播放音乐有问题。在你在jsfiddle.net上发布的测试中，它没有调出音频播放器，这正是我想要的，但是当我在一个简单的HTML页面上进行测试时，它调出了一个播放器。我做错了什么？我似乎无法在这里发布所有代码，但您可以在以下网址查看：[link]www.feefifofun.com/music.html[link]任何帮助都将不胜感激！
$("#audio").jPlayer({
    swfPath: "http://www.jplayer.org/latest/js/Jplayer.swf",
    supplied: "mp3"
});

$("a").click(function(e) {
    $("#audio").jPlayer("setMedia", { 
        mp3: this.href 
    }).jPlayer("play");

    e.preventDefault();
});
​

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script>
<script type='text/javascript' src="http://www.jplayer.org/latest/js/jquery.jplayer.min.js"></script>