HTML5音频显示仅播放暂停和静音按钮

我想知道是否有快速和简单的方式来设置HTML5音频元素的样式来显示我想要的内容。我想知道你是否可以打开和关闭某些控件，但似乎并非如此。HTML5音频显示仅播放暂停和静音按钮

我不想要进度/跟踪栏，或者显示剩余的时间。我只想要一个简单的播放/暂停切换按钮，以及一个静音/取消静音切换按钮。

就这样！有任何想法吗？

2012-12-10 user1380540

我已经回答了。这是链接。 http://stackoverflow.com/questions/19895581/html5-video-controls-mute-button/21500102#21500102 –

您可以使用Media API并使用所需的功能构建您自己的一组控件。我已经写了这个：Working with HTML5 multimedia components – Part 3: Custom controls - 它显示了一个视频的例子，但你可以轻松地建立一个音频。

来源

2012-12-11 09:19:32

链接消失了，但可以在回机器的路上https://web.archive.org /web/20121215060538/http://www.w3.org/TR/html5/the-video-element.html – Sirens

使用此代码它将为您的目的。

<!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>

来源

2013-06-29 15:06:02

非常感谢你....它对我有效，我可以用替代

谢谢，它为我工作:) – Mahamadali

HTML5音频显示仅播放暂停和静音按钮

回答

相关问题