Как я могу скрыть специальные элементы управления браузером 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>
Атрибут controls является логическим атрибутом. Это означает, что если он указан, элементы управления являются истинными и если они не указаны, элементы управления являются ложными.
Что касается действительности, если вы хотите, чтобы элементы управления были истинными, вы можете указать это следующими способами:
<audio controls>
<audio controls="controls">
<audio controls="">
Не указывайте атрибут controls вообще, это должно остановить его показ (я получил это после 5-секундного google, не цитирую на нем).
Видео HTML5 - программно отображать/скрывать элементы управления.
var audio = document.getElementById('audioFile');
audio.controls = false;
<audio id="audioFile" width="100%" height="auto" controls>
<source src="xyz.mp3" type="audio/mpeg">
</audio>