Vous pouvez ensuite styliser les éléments comme vous le souhaitez en utilisant CSS. Référence de l'API MDN HTMLAudioElement L'apparence de la balise dépend du navigateur, mais vous pouvez la masquer, créer votre propre interface et contrôler la lecture à l'aide de Javascript. Lecteur audio html5 personnalisé 2. quelques réglages de couleur audio { filter: sepia ( 20%) saturate ( 70%) grayscale ( 1) contrast ( 99%) invert ( 12%); width: 200px; height: 25px;} Ken avait raison aussi. une css balise: audio {} vous obtiendrez des résultats. semble qu'il ne veut pas que le joueur soit à une hauteur supérieure ou inférieure à 25px, mais la largeur peut être raccourcie ou allongée dans une certaine mesure. c'était assez bon pour moi; voir cet exemple (avertissement, l'audio est lu automatiquement): Pour changer uniquement la couleur du lecteur, il suffit d'adresser la balise audio dans votre fichier css, par exemple sur l'un de mes sites le lecteur est devenu invisible (blanc sur blanc) alors j'ai ajouté: background - color: #95B9C7;} Cela a changé le joueur en bleu clair.

1. Lecteur audio html5 personnalisé 2

Lecteur Audio Html5 Personnalisé 2

0 pour la réponse № 4 Outre la boîte-ombre, transformer et bordureLes navigateurs WebKit obéissent également à -webkit-text-fill-color pour définir la couleur des chiffres du "temps écoulé", mais il n'existe aucun moyen de définir leur fond contraste élevé sur certains systèmes d'exploitation), il serait conseillé de définir -webkit-text-fill-color sur la valeur "initiale" si vous l'avez utilisé ailleurs et si l'élément audio hérite de celui-ci, sinon certains utilisateurs ces chiffres illisibles.

Plus Il est compatible avec les plateformes iOS, Android 1. 2 et Mûre. Moins Ceci est une version d'évaluation valide durant quelques jours seulement. Le lecteur affiche des publicités.