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

Question

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

HTML:

<audio controls></audio>

(图)

有没有办法只删除"静音"按钮和音量滑块？我想保留播放/暂停按钮和轨道位置滑块.

Answer 1

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

看到这个js小提琴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元素编写自己的播放器.有一个很好的教程在这里,我在,教你如何编写自己的播放器支持JavaScript的过去所做的那样.