billjoseph Posted January 10, 2020 Share Posted January 10, 2020 I have a site with a number of audio files on the page, displayed using the <audio> tag. Works just fine on desktop (and responsively if I resize my browser), but won't display the audio player when viewed on my phone. I've copied the code to another PW site and it works there on mobile. I've checked with my host to confirm that it's not a server issue. Even added the code as a standalone .html page on the site and it worked there. The only idea I've got left is that I've done something in my templates, or misconfigured something in PW or the modules, but frankly I'm stumped. What would cause embedded audio to display on desktop, but not on mobile? I'm running PW 3.0.148 (just updated - had same problem in 3.0.96), and I'm using delayed output. (I don't know if I'm allowed to add the url to the page where the problem is, but if so it's here: https://tigerswingband.com/bands/mtsb-drumline/) Link to comment Share on other sites More sharing options...
Klenkes Posted January 10, 2020 Share Posted January 10, 2020 My desktop Chrome doesn't show it either, but my iPad Mini does... The problem lies in your CSS. Remove the height:auto from the audio element. Mhh.... the height:auto comes from uikit.min.css... however, I do a lot of audio elements on my websites and I never specify a height. Let the browser decide it! 1 Link to comment Share on other sites More sharing options...
billjoseph Posted January 10, 2020 Author Share Posted January 10, 2020 @Klenkes Thank you so much!!! I couldn't get the height override to work, but after testing saw that it definitely was UIKit that was causing the problem. Updated my UIKit version and there they are!! Link to comment Share on other sites More sharing options...
dragan Posted January 10, 2020 Share Posted January 10, 2020 I just tested it with my LG G4 (Android, Firefox) and the audio players displayed and worked fine. Link to comment Share on other sites More sharing options...
billjoseph Posted January 10, 2020 Author Share Posted January 10, 2020 Thanks @dragan - I think I got it worked out just before you tested! ? Nice to have confirmation other than just my phone. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now