带有HTML5音频标签的自定义一键播放器

在我最近做的一些web开发中使用

标记，我正在尝试做的一件事是使用它构建一个单词列表，并在列表中每个单词旁边提供一个发音示例。设置它一点也不难，但是这种应用几乎不需要全套控件；只是一个播放按钮

---

然而，

标记的

控件

元素似乎没有那么好的文档记录；我所能找到的就是“永远在这里放‘上’，除非你想建立自己的球员”。我不想构建自己的播放器，但是，我只想要一个简单的一键播放界面，不需要任何其他东西，理想情况下不需要JavaScript或Flash。

这相当简单。单击某个对象时，只需调用

audio

DOM对象上的play方法。内容可以是图像、文本、链接或任何适合的内容

这里有一种可能的方法：

<a onclick="this.firstChild.play()"><audio src=".."></audio></a>

---

代码示例非常棒。但是您的JSFIDLE中的音频示例并不令人愉快！：）