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

前端之家收集整理的这篇文章主要介绍了HTML5音频显示仅播放暂停和静音按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有一种快速简单的方法来设置 HTML5音频元素的样式以显示我想要的内容.我想知道你是否可以打开和关闭某些控件,但似乎并非如此.

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

就这样!有任何想法吗?

解决方法

使用此代码它将满足您的目的.
<!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>

猜你在找的HTML5相关文章