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

Question

给定标准的 html5 音频播放器，

HTML:

<audio controls></audio>

( Picture )

有没有办法只删除“静音”按钮和音量 slider ？我想保留播放/暂停按钮和轨道位置 slider 。

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 音频元素编写您自己的播放器。有教程真不错here我过去做过的，教你如何用 javascript 编写你自己的播放器。