recherche

Maison >interface Web >tutoriel HTML >Est-il possible de styliser les balises audio HTML5 ?

Est-il possible de styliser les balises audio HTML5 ?

WBOY
WBOYavant
2023-09-21 10:49:03739parcourir

Est-il possible de styliser les balises audio HTML5 ?

Les balises audio HTML 5 peuvent être stylisées. Utilisez le lecteur du navigateur par défaut en utilisant la balise audio avec l'attribut "controls". Vous pouvez le personnaliser sans utiliser les commandes du navigateur.

Vous pouvez masquer l'interface utilisateur intégrée du navigateur en supprimant l'attribut controls −

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById(&#39;player&#39;).play()">Play</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).pause()">Pause</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById(&#39;player&#39;).volume -= 0.2">Vol-</button>
</div>

Vous pouvez également ajouter des classes CSS à chaque élément et les styliser en conséquence.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 css html
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comment ajouter un maximum de valeur au HTML ?Article suivant：Comment ajouter un maximum de valeur au HTML ?

Articles Liés

Voir plus