我想知道是否有一种快速简单的方法来设置 HTML5 音频元素的样式以显示我想要的内容。我想知道您是否可以打开和关闭某些控件，但似乎并非如此。
我不想要进度条/轨迹栏，也不想要显示剩余时间。我只想要一个简单的播放/暂停切换按钮和静音/取消静音切换按钮。
就是这样！有什么想法吗？
【问题讨论】：
标签： html html5-audio
使用此代码将达到您的目的。
<!DOCTYPE html>
<html>
<body>
<audio id="player" src="horse.ogg"></audio>
<div>
<button onclick="document.getElementById('player').play()">Play</button>
<button onclick="document.getElementById('player').pause()">Pause</button>
<button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/ Unmute</button>
</div>
</body>
</html>
【讨论】：
您可以使用Media API 并使用您想要的功能构建您自己的一组控件。我写过这个：Working with HTML5 multimedia components – Part 3: Custom controls - 它显示了一个视频示例，但您也可以轻松构建一个音频示例。
【讨论】：