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

的控件屬性是布爾屬性。這意味着如果它被指定，控件是真的，如果沒有指定，控件是假的。

至於有效性去，如果你想控制是真實的，你可以指定它以下方式：

<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>