@ 40-Love: est-ce une question sérieuse? c'est Microsoft !!
Ringo
Réponses:
47
Oui! La balise audio HTML5 avec l'attribut "contrôles" utilise le lecteur par défaut du navigateur. Vous pouvez le personnaliser à votre guise en n'utilisant pas les commandes du navigateur, mais en déplaçant vos propres commandes et en parlant à l'API audio via javascript.
Heureusement, d'autres personnes l'ont déjà fait. Mon lecteur préféré en ce moment est jPlayer , il est très stylé et fonctionne très bien. Vérifiez-le.
Donc la réponse est "non, ce n'est pas possible, vous devez utiliser un lecteur externe"?
Fernando
2
@Fernando: c'est en effet possible. Cela répond à la question "est-ce possible?"
Dan Schnau
3
Merci @dsschnau. J'ai posté mon commentaire car la question porte sur le style de la balise vidéo html5 , et toutes les réponses sont plus ou moins comme oui, c'est possible, en utilisant d'autres balises .
Fernando
10
Alors, est-ce vraiment un «non»? Faire rouler votre propre interface utilisateur n'est pas la même chose qu'un balisage existant.
bob
2
Cette réponse n'est en réalité qu'un lien vers une ressource. Et si jPlayer disparaît ?
Oui: vous pouvez masquer l'interface utilisateur intégrée du navigateur (en supprimant l' controlsattribut de audio) et à la place créer votre propre interface et contrôler la lecture en utilisant Javascript ( source ):
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.
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): www.thenewyorkerdeliinc.com
Pour moi, un gros problème est Internet Explorer. Il a l'air terrible et une couleur différente et une taille beaucoup plus grande que les autres lecteurs de navigateur, même si la largeur est fixée à 150 px
Ringo
Si vous devez placer le lecteur IE9 + dans un petit espace, une hauteur de 25px et une largeur de 100px ont fonctionné pour moi. Je pense que la hauteur de 25 pixels était la clé, mais des nombres plus grands ne fonctionnaient pas pour une raison quelconque.
Ringo
Le lien est malheureusement en panne
Alex Sorokoletov
6
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é:
Réponses:
Oui! La balise audio HTML5 avec l'attribut "contrôles" utilise le lecteur par défaut du navigateur. Vous pouvez le personnaliser à votre guise en n'utilisant pas les commandes du navigateur, mais en déplaçant vos propres commandes et en parlant à l'API audio via javascript.
Heureusement, d'autres personnes l'ont déjà fait. Mon lecteur préféré en ce moment est jPlayer , il est très stylé et fonctionne très bien. Vérifiez-le.
la source
RÉFÉRENCE: https://chromium.googlesource.com/chromium/blink/+/72fef91ac1ef679207f51def8133b336a6f6588f/Source/core/css/mediaControls.css?autodive=0%2F%2F%2F
la source
Oui: vous pouvez masquer l'interface utilisateur intégrée du navigateur (en supprimant l'
controls
attribut deaudio
) et à la place créer votre propre interface et contrôler la lecture en utilisant Javascript ( source ):Vous pouvez ensuite styliser les éléments comme vous le souhaitez en utilisant CSS.
Référence de l'API MDN HTMLAudioElement
la source
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.
la source
quelques réglages de couleur
la source
Vous devez créer votre propre lecteur qui s'interface avec l'élément audio HTML5. Ce tutoriel aidera http://alexkatz.me/html5-audio/building-a-custom-html5-audio-player-with-javascript/
la source
Ken avait raison aussi.
une
css
balise: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): www.thenewyorkerdeliinc.com
la source
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é:
Cela a changé le joueur en bleu clair.
la source
Oui, c'est possible, de @ Fábio Zangirolami answer
la source
Si vous souhaitez personnaliser le lecteur de musique standard du navigateur dans le CSS:
la source