如何使用带有图标的html音频标记？

我在网页中使用html音频控件来播放mp4文件

<audio controls>
  <source src="example.m4a" type="audio/mp4">
</audio>

如何使用标记，使其显示我选择的可单击图标，而不是默认的视觉控件

可能是这样的：


设a=0；document.getElementsByTagName（“i”）[0]。addEventListener（“单击”，函数（）{
如果（a==0）{
document.getElementsByTagName（“音频”）[0]。play（）；a++；document.querySelector（“i”）.style.opacity=“1”；
}否则{
document.querySelector（“音频”）.pause（）；a--；document.querySelector（“i”）.style.opacity=“.5”；
}
});

监狱围墙
谢谢穆罕默德。对于其他像我这样的noob，我将答案的第一部分“let a=0；document…”附在标签中，并将其复制到php文件的底部。