是否可以設定 HTML5 audio 標籤樣式？

HTML 5 audio 標籤可以設定樣式。透過將 audio 標籤與“controls”屬性結合使用，使用預設的瀏覽器播放器。您可以透過不使用瀏覽器控制元件進行自定義。 

透過刪除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 類並對其進行相應的設定。

varma

更新時間：2020-03-04

4.4K+ 次瀏覽

開啟您的職業生涯

完成課程獲得認證

開始