首页 >web前端 >html教程 >是否可以为HTML5音频标签添加样式?

是否可以为HTML5音频标签添加样式?

WBOY
WBOY转载
2023-09-21 10:49:03750浏览

是否可以为HTML5音频标签添加样式?

HTML 5音频标签可以进行样式化。通过使用带有“controls”属性的音频标签,使用默认的浏览器播放器。您可以通过不使用浏览器控件来自定义。 

通过移除controls 属性,您可以隐藏内置的浏览器用户界面−

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById(&#39;player&#39;).play()">Play</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).pause()">Pause</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume -= 0.2">Vol-</button>
</div>

您还可以为每个元素添加CSS类,并相应地进行样式设置。

以上是是否可以为HTML5音频标签添加样式?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除