Jump to content
jver

HTML Audio tag & Mobile Aspect Ratio

Recommended Posts

Hello there, I am looking for assistance making the HTML5 Audio tag appear consistent within mobile as it does on desktop browsers. I have not been able to find much information about this and any help whatsoever is much appreciated. The audio section of the site on desktop looks as intended you can find that here. You can also veiew the live WebsiteThe issue lies within mobile, when someone first opens the site on mobile the audio buttons are bunched together and overlapping, clearly not where they should be, Normal View on mobile. However when someone zooms in slightly on their device it appears closer to normal, When Zoomed in on mobile.

My question is, how can I set it so that the mobile audio buttons are fixed in the way that they are supposed to be. If this is not possible, what are my options.

Thanks!

 

 

Share this post


Link to post
Share on other sites

Add attribute: controls just to refer to the standard control-pannel of each browser or build them on your own, as you want them to be for each viewport-screen/device!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...