你如何隐藏HTML5音频控件？

Question

如何隐藏HTML5音频的浏览器特定控件？我正在制作缩略图来代表每个曲目和JavaScript来播放/暂停.

谢谢!

HTML:

<audio class="thumbnail" id="paparazzi" controls="none">
    <source src="song.ogg" type="audio/ogg" />
    <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
    Your browser does not support HTML5 audio.
</audio>

Answer 1

controls属性是一个布尔属性.这意味着如果已指定,则控件为true,如果未指定,则控件为false.

就有效性而言,如果您希望控件为true,则可以通过以下方式指定它:

<audio controls>
<audio controls="controls">
<audio controls="">

Answer 2

根本不要指定controls属性,这应该阻止它显示(我在5秒后谷歌得到这个,不要引用我).

HTML5视频 - 以编程方式显示/隐藏控件