是否可以设计 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+ 浏览

助力你的 事业

完成课程获得认证

开始