Как скрыть элементы управления HTML5 Audio?

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 секунд, Google, не цитируйте меня по нему).

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

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>