Audio File plays in background

[dagschu]

Hi! I embedded an audio file via html: <audio src="urltoyouraudio"></audio>
When I click on another page, the audiofile stops playing. Is there a way to keep it playing while I click through the website?

[arminunruh]

yea you can put it in

lay options -> custom css & html -> custom html in footer

[dagschu]

Hi Armin, could you show me what I have to put into the custom css, so the audiofile keeps playing, even when I click away from the first page? Now my workaround was to open the page in another tab, but would rather open the page in the same tab. This is the site: chrisimler.com
Thank you!!

[arminunruh]

hey this has nothing to do with css

the custom html in footer

is html that is always on the page and does not get replaced when navigating through the website i think

your mp3 is still part of the content of your grid, you didn't try what i recommended

what i meant was put your HTML code of your audio element

<audio class="my-audio" src="http://chrisimler.com/wp-content/uploads/2020/04/ChrisImler_CountryClub_2020_unmastered.-1.mp3" controls=""> </audio>

into

lay options -> custom css & html -> custom html in footer

then style the audio like

.my-audio{
position: fixed;
bottom: 20px;
right: 20px;
z-index: 30;
}

please learn some css and html to do these kinds of things!

[dagschu]

Hey Armin, thanks for your help, sorry, I am a beginner.