如何隐藏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>

- technopeasant

Answer 1

controls属性是一个布尔属性。这意味着如果指定了它，controls为true，如果没有指定，controls为false。

就有效性而言，如果您想让controls为true，可以通过以下方式指定：

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

- Shadow2531

---

这并没有改变任何事情。 - Sartheris Stormhammer

<audio controls> 去掉 controls 将同时隐藏音频元素。 - user670839

Answer 2

不要指定controls属性，这样应该可以阻止其显示（我在5秒钟的谷歌后得到了这个答案，请不要引用我）。 HTML5视频 - 以编程方式显示/隐藏控件。

- Chris Eberle

Answer 3

 var audio = document.getElementById('audioFile');
    audio.controls = false;



    <audio  id="audioFile" width="100%" height="auto" controls>
              <source src="xyz.mp3" type="audio/mpeg">
              </audio>

- sukanya