web-dev-qa-db-fra.com

Comment cachez-vous les contrôles HTML5 Audio?

Comment masquer les contrôles HTML5 spécifiques au navigateur audio? Je crée des images miniatures pour représenter chaque piste et JavaScript à lire/mettre en pause.

Merci!

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>
javascripthtml5audiohidehtml5-audio
15
technopeasant

L'attribut controls est un attribut booléen. Cela signifie que si elle est spécifiée, les commandes sont vraies et si ce n'est pas spécifié, les commandes sont fausses.

En ce qui concerne la validité, si vous voulez que les contrôles soient vrais, vous pouvez le spécifier comme suit:

<audio controls>
<audio controls="controls">
<audio controls="">
23
Shadow2531

Ne spécifiez pas du tout l'attribut controls, cela devrait l'empêcher de s'afficher (je l'ai obtenu après 5 secondes sur Google, ne me citez pas dessus).

Vidéo HTML5 - Afficher/masquer les contrôles par programme

15
Chris Eberle
 var audio = document.getElementById('audioFile');
    audio.controls = false;



    <audio  id="audioFile" width="100%" height="auto" controls>
              <source src="xyz.mp3" type="audio/mpeg">
              </audio>
0
sukanya