可以设置HTML 5音频标签的样式。通过使用带有“ controls”属性的音频标签,将使用默认的浏览器播放器。您可以通过不使用浏览器控件进行自定义。
通过删除控件 属性,您可以隐藏内置浏览器用户界面-
<audioid = "player" src = "kalimba.mp3"></audio> <div> <buttononclick = "document.getElementById('player').play()">Play</button> <buttononclick = "document.getElementById('player').pause()">Pause</button> <buttononclick = "document.getElementById('player').volume += 0.2">Vol+</button> <buttononclick = "document.getElementById('player').volume -= 0.2">Vol-</button> </div>
您还可以将CSS类添加到每个元素中,并相应地设置其样式。