<audio> Baggrundsbillede og Baggrundsfarve - HTML

Brug CSS background property til at vise farve eller baggrundsbillede på <audio>. Så kan man vise et musikalbum cover i selve afspilleren

Afspiller med baggrundsbillede

Der findes ikke en poster attribut til <audio> ligesom der gør til <video> så man kan vise et billede i afspilleren.

En løsning er at bruge CSS til at sætte et baggrundsbillede i <audio> og samtidig sætte afspillerens højre og bredde til samme størrelse som billedet.

Så vises afspilleren oven på billedet og begge dele vises kun hvis browseren understøtter <audio>.

Det giver en flot effekt i browsere med gennemsigtig afspiller.
Resultatet ovenfor er skabt af følgende kode

<AUDIO> MED BAGGRUNDSBILLEDE DEMO
(PÅ EN SIDE FOR SIG SELV)

Afspiller med baggrundsfarve

Man kan også give sin afspiller en baggrundsfarve med CSS.
Det giver en flot effekt i browsere med gennemsigtig afspiller (Firefox, Safari, Chrome og Internet Explorer).







Resultatet ovenfor er skabt af følgende kode
Siden er sidst opdateret mandag 25. juni 2018