Je n'ai pas trouvé de ressources sur la façon de le faire. Quelque chose d'aussi simple que de changer la couleur du joueur serait agréable à avoir :)
La réponse est donc "non, ce n'est pas possible, vous devez utiliser un lecteur externe" ?
Réponses
Trop de publicités?Oui ! La balise audio HTML5 avec l'attribut "controls" utilise le lecteur par défaut du navigateur. Vous pouvez le personnaliser à votre convenance en n'utilisant pas les contrôles du navigateur, mais en créant vos propres contrôles et en communiquant avec l'API audio via javascript.
Heureusement, d'autres personnes l'ont déjà fait. Mon joueur préféré en ce moment est jPlayer Il est très stylé et fonctionne très bien. Regardez-le.
Merci @dsschnau. J'ai posté mon commentaire car la question porte sur le style html5. vidéo et toutes les réponses sont plus ou moins du type oui, c'est possible, en utilisant d'autres balises .
Mihai
Points
1140
Nick
Points
31
Ken avait raison aussi.
a css étiquette :
audio {
}Vous obtiendrez quelques résultats. Il semble qu'il ne veuille pas que le joueur ait une hauteur supérieure ou inférieure à 25px, mais la largeur peut être raccourcie ou allongée dans une certaine mesure.
Cela m'a suffi ; voyez cet exemple (avertissement, le son est lu automatiquement) : www.thenewyorkerdeliinc.com
Pour moi, un gros problème est Internet Explorer. L'aspect est terrible, la couleur est différente et la taille est beaucoup plus grande que celle des autres navigateurs, même si la largeur est fixée à 150px.
Si vous devez faire tenir le lecteur IE9+ dans un espace réduit, une hauteur de 25px et une largeur de 100px ont fonctionné pour moi. Je pense que la hauteur de 25px était la clé, mais des nombres plus grands n'ont pas fonctionné pour une raison quelconque.
katzkode
Points
136
Vous devez créer votre propre lecteur qui s'interface avec l'élément audio HTML5. Ce tutoriel vous aidera à http://www.alexkatz.me/html5-audio/building-a-custom-html5-audio-player-with-javascript/
Karin
Points
77
Cela ne change pas la couleur de mon lecteur, cela met seulement une couleur de fond derrière lui. Avez-vous une idée de la raison ?
@Tom car cette solution ne permet pas de changer le fond gris par défaut du lecteur :-) Même résultat que vous pour moi.
1 votes
Les différents navigateurs réagissent différemment au style de l'élément audio. stackoverflow.com/a/27765938/325251
1 votes
Oui, et sur ie, c'est le pire. comment peuvent-ils le faire paraître si mauvais ?
1 votes
Réponse aux questions sur le style de la vidéo dans les différents navigateurs advprog.blogspot.co.uk/2013/07/
0 votes
@Mousey Malheureusement, cela n'est pas du tout compatible avec les navigateurs. C'est seulement Webkit et peut-être Opera.