สามารถจัดสไตล์ HTML5 audio tag ได้หรือไม่?

แท็ก audio ของ HTML5 สามารถจัดสไตล์ได้ โดยใช้แท็ก audio พร้อมแอตทริบิวต์ "controls" จะใช้ player เริ่มต้นของเบราว์เซอร์ คุณสามารถปรับแต่งได้โดยไม่ใช้ controls ของเบราว์เซอร์

โดยการลบแอตทริบิวต์ controls คุณสามารถซ่อน UI ของเบราว์เซอร์ที่สร้างมา:

<audio id="player" src="kalimba.mp3"></audio>
<div>
  <button onclick="document.getElementById('player').play()">Play</button>
  <button onclick="document.getElementById('player').pause()">Pause</button>
  <button onclick="document.getElementById('player').volume += 0.2">Vol+</button>
  <button onclick="document.getElementById('player').volume -= 0.2">Vol-</button>
</div>

คุณยังสามารถเพิ่ม CSS classes ให้แต่ละองค์ประกอบและจัดสไตล์ตามต้องการ