Lay Theme Forum

Hi folks, I'm trying to style an html5 audio player and im getting some funny results.

The main issue is that there is an element that shows when you mouse over - I think it must be the menu/controlslist button. As that element (despite being turned off) shows when you mess about with the width of the element - if you make it too small the play button disapears and you're left with the menu button - very odd.

I made an SO post that documents it https://stackoverflow.com/questions/78964809/styling-html5-audio-player-hover-issues?noredirect=1#comment139228306_78964809 but havent had much success. In the process I also made a quick codepen to reproduce the issue and weirldy the audio player looks how I want it! So I'm thinking maybe something from laytheme is cascading down?

https://codepen.io/usefulpattern/pen/yLdZXmV

any help would be greatly appreciated.. I've run out of ideas!

@arminunruh ah damn.. ok thanks for the heads up.

Hi, I'm having trouble getting the audio element to autoplay. any ideas?

<audio controls autoplay controlslist="nodownload noplaybackrate"> 
    <source src="http://beetheballet.com/wp-content/uploads/2024/08/Home.m4a">
    Your browser does not support the audio element.
</audio>

@mariusjopen

I have just found that both those websites have a slow initial load time. once they have loaded they are fine.

www.laurenkeeley.com is very bad and as you said the images are large, I will make them smaller.

I'm pretty sure Im up to date with laytheme, but will double check.
But that's good to know that they work fine for you! thanks for your help.

best, joseph

Hey Marius,

thanks so much for your response.

Whilst the large image size is true for www.laurenkeeley.com

there are no images at all on www.joe-t.com

and on www.blacktowerprojects.com they are very small

and all my settings are the same as yours,

There is something going on for sure, how can a site with no images be that slow to load?

best! joe

Hey,

So I'm very new to this but have recently built 3 websites and hosted them on my bluehost account.

each page is painfully slow to load, however one it has loaded it seems to be ok. no idea why this is happening, any ideas would be amazing!!

www.joe-t.com
www.laurenkeeley.com
www.blacktowerprojects.com