Как вы скрываете HTML5 Audio controls?

Как я могу скрыть специальные элементы управления браузером 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>

Ответ 1

Атрибут controls является логическим атрибутом. Это означает, что если он указан, элементы управления являются истинными и если они не указаны, элементы управления являются ложными.

Что касается действительности, если вы хотите, чтобы элементы управления были истинными, вы можете указать это следующими способами:

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

Ответ 2

Не указывайте атрибут controls вообще, это должно остановить его показ (я получил это после 5-секундного google, не цитирую на нем).

Видео HTML5 - программно отображать/скрывать элементы управления.

Ответ 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>