从标准Html5音频播放器中删除静音/音量条？

Question

鉴于标准的html5音频播放器，

HTML：

<audio controls></audio>

（Picture）

有没有办法只删除＆＃34;静音＆＃34;按钮和音量滑块？我想保留播放/暂停按钮和曲目位置滑块。

Answer 1

要更改这些，您可以使用一些狡猾的 CSS 。边框半径在右侧改变，这看起来就像你追求的那样。

请参阅此js fiddle http://jsfiddle.net/3j76551r/1/

 div {
    width: 260px;
    overflow: hidden;
    direction: ltl;
    border-top-right-radius: 0.5em 0.5em;
    border-bottom-right-radius: 1em 0.7em;
}

另一种选择是javascript选项。这将是使用html audio元素编写自己的播放器。我过去做过一个非常好的教程here，教你如何使用javascript编写自己的播放器。

Answer 2

我找到了一种方法，可以通过处理音频标签专用的CSS来解决此问题。这样，您可以删除和修改与控件容器相关的元素。请在这里查看更多详细信息： https://stackoverflow.com/a/64012853/13334628