在 HTML5 音频播放器上添加和删除控件

Posted 2023-02-25

【中文标题】在 HTML5 音频播放器上添加和删除控件

【英文标题】：add and remove controls on HTML5 audio player

【发布时间】：2014-02-26 20:22:46

【问题描述】：

如何在 html5 音频播放器上添加和删除特定控件？我想去掉音量控制、时间显示和进度条。我正在使用以下代码来显示播放器。

<audio controls>
<source src="http://example.mp3" type="audio/mpeg"> 
Your browser does not support this audio format.
</audio> 

<style>
audio  width: 10%; display: block;
</style>

谢谢。

【参考方案1】：

您不能混合和匹配本机控件。您要么拥有所有本机控件，要么没有本机控件。

如果您需要一些控件，则需要使用 javascript API 和 DOM 来重现它们。

【讨论】：

谢谢。我想这就是为什么我找不到任何关于如何做到这一点的例子。我查阅了 JavaScript API 和 DOM，似乎需要花很多时间才能弄清楚。基本上，我只想显示播放按钮。你对如何做到这一点有什么建议吗？或者，也许你可以给我指点教程之类的。

我很欣赏这个链接，但我对它的理解还不够，只能制作一个播放按钮。哦，好吧，我会继续寻找。