Ist es möglich, html5 Audio-Tags zu stylen?



Answers

<audio>

audio::-webkit-media-controls-panel

audio::-webkit-media-controls-mute-button

audio::-webkit-media-controls-play-button

audio::-webkit-media-controls-timeline-container

audio::-webkit-media-controls-current-time-display

audio::-webkit-media-controls-time-remaining-display

audio::-webkit-media-controls-timeline

audio::-webkit-media-controls-volume-slider-container

audio::-webkit-media-controls-volume-slider

audio::-webkit-media-controls-seek-back-button

audio::-webkit-media-controls-seek-forward-button

audio::-webkit-media-controls-fullscreen-button

audio::-webkit-media-controls-rewind-button

audio::-webkit-media-controls-return-to-realtime-button

audio::-webkit-media-controls-toggle-closed-captions-button
Question

Ich habe keine Ressourcen dafür gefunden. Etwas so einfaches wie das Ändern der Farbe des Players wäre schön :)




Ken hatte es auch richtig.

ein css Tag:

audio {

}

wird dir ein paar Ergebnisse bringen. Es scheint, dass der Player keine Höhe über oder unter 25px haben soll, aber die Breite kann bis zu einem gewissen Grad verkürzt oder verlängert werden.

das war gut genug für mich; siehe dieses Beispiel (Warnung, Audio wird automatisch abgespielt ): www.thenewyorkerdelinc.com




Wenn Sie den Standard-Musikplayer des Browsers im CSS stylen möchten:

audio {
    enter code here;
}



Das Aussehen des Tags ist Browser-abhängig, aber Sie können es ausblenden, erstellen Sie Ihre eigene Schnittstelle und steuern Sie die Wiedergabe mit Javascript.




Related



Tags

html5   audio