如何隐藏HTML5音频控件？

问题描述：

如何隐藏HTML5音频的浏览器特定控件？我正在制作缩略图以表示每个曲目和JavaScript以播放/暂停。如何隐藏HTML5音频控件？

谢谢！

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>

答

的控件属性是布尔属性。这意味着如果它被指定，控件是真的，如果没有指定，控件是假的。

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

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

这改变了放任不管 – 2016-12-03 23:04:28

答

完全不指定controls属性，这应该显示（我拿到这5秒后，谷歌，不要引用我的话）停止它。

HTML5 video - show/hide controls programmatically

答

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音频控件？

相关推荐