你如何隐藏HTML5音频控件?

tec*_*ant 17 javascript audio html5 hide html5-audio

如何隐藏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>
Run Code Online (Sandbox Code Playgroud)

Sha*_*531 24

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

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

<audio controls>
<audio controls="controls">
<audio controls="">
Run Code Online (Sandbox Code Playgroud)

  • 这绝对没有改变 (3认同)
  • `&lt;audiocontrols&gt;` 删除 `controls` 也会隐藏音频元素 (3认同)

Chr*_*rle 16

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

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