<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

Næste side

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.