HTML5 Audio afficher uniquement les play pause et mute

Je me demandais si il y a une façon simple et rapide de style de l'élément audio HTML5 pour afficher ce que je veux. Je me demandais si vous pourriez faire de certains contrôles sur et en dehors, mais qui ne semble pas être le cas.

Je ne veux pas un progrès/track bar, ou pour afficher le temps restant. Je veux juste une simple lecture/pause bouton à bascule, et de désactiver/activer le bouton à bascule.

C'est tout! Des idées?

J'ai répondu déjà. Voici le lien. stackoverflow.com/questions/19895581/...

OriginalL'auteur user1380540 | 2012-12-10

  1. 21

    Utiliser ce code, il va servir vos fins.

    <!DOCTYPE html>
<html>
<body>
 <audio id="player" src="horse.ogg"></audio>
<div>
    <button onclick="document.getElementById('player').play()">Play</button>
    <button onclick="document.getElementById('player').pause()">Pause</button>
    <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted">Mute/Unmute</button>
</div>
</body>
</html>
    Merci beaucoup.... Il a travaillé pour moi et j'ai pu remplacer <button> par <a> et mettre un font-awesome "fa-volume up" icône....
    Merci , ça a fonctionné pour moi 🙂

    OriginalL'auteur Mohd. Umar

  2. 4

    Vous pouvez utiliser le API médias et de construire votre propre jeu de commandes avec les fonctionnalités que vous souhaitez. J'ai écrit à ce sujet: Travailler avec HTML5 composants multimédia – Partie 3: contrôles Personnalisés , qui montre un exemple en vidéo, mais vous pouvez tout aussi facilement créer un audio.

    Le lien a disparu, mais disponible sur le chemin du retour de la machine web.archive.org/web/20121215060538/http://www.w3.org/TR/html5/...

    OriginalL'auteur Ian Devlin