是否可以設計 HTML5 audio 標籤？

HTML 5 audio 標籤可以設計。使用具有“controls”屬性的 audio 標籤，可以使用預設瀏覽器播放器。你可以透過不使用瀏覽器控制元件進行自定義。

透過移除 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

更新於： 04-3-2020

4K+ 瀏覽

助力你的 事業

完成課程獲得認證

開始