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。

就有效性而言，如果您希望控件成立，您可以通过以下方式指定：

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

Answer 2

根本不要指定controls属性，这应该会阻止它显示（我在5秒钟之后得到了这个，不要引用我的内容）。

HTML5 video - show/hide controls programmatically

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>

你如何隐藏HTML5音频控件？

3 个答案: