18

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

3 回答 3

24

控制属性是一个布尔属性。这意味着如果指定了,则 controls 为 true,如果未指定,则 controls 为 false。

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

<audio controls>
<audio controls="controls">
<audio controls="">
于 2011-04-18T02:07:35.883 回答
16

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

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

于 2011-04-18T01:41:10.587 回答
0
 var audio = document.getElementById('audioFile');
    audio.controls = false;



    <audio  id="audioFile" width="100%" height="auto" controls>
              <source src="xyz.mp3" type="audio/mpeg">
              </audio>
于 2017-12-02T10:23:39.060 回答