HTML5 audio player issues
-
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!
-
do u have a link to the lay theme page where u're trying it?
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login