I have noticed that anyone using an iPhone running ios7 or ios8 cannot see the html5 audio element properly. On android it appears perfectly; the play/ pause and volume controls all appear, whereas on my phone none of these appear (actually only the play control appears)
Any solutions?
iPhone 5, iOS 7.1.2
I just tried a basic example and it worked fine. What is different about your site from this site: http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_audio_all
The coding is the same..
Please check the relevant page of my website. How does it appear on your iPhone?
this is what it looks like. Why?
IIt seems to work fine, more or less. It comes up as "loading" which is immediately confusing. I tried it on my iPad mini, which has iOS 8 on it. I can imagine the control would look bad on a smaller screen. Your web site isn't really iPhone-friendly. You need a true phone layout for the site.
this is what it looks like on an android. Looks much better (I'm afraid to say)
Any solution?....
Not really. Android just shrinks controls down to an unusable size. What you want is a true responsive site that looks good on a handheld device regardless of the OS version. You don't have that and it isn't a fault of the audio control.
OK . so of I get a mobile compatible website, the player will appear better. Thanks
I'll see if I can do anything.
http://at-tazkiyah.com/testingtesting/zahid/
Hi, please check the link out above. It is a sample responsive website, thus mobile compatible. Even then, the html5 audio element doesn't show up on an iphone5 screen (even in landscape).
On an android device it works perfectly
4513_4513 wrote:
http://at-tazkiyah.com/testingtesting/zahid/
Hi, please check the link out above. It is a sample responsive website, thus mobile compatible.
Says who? That site is junk. It doesn't work on my iPhone 5c on iOS7. Please look at the demo link I posted above. It has nothing but an html5 audio element. It works fine.
Junk site?
Well look at the screen shot below. Doesn't look like junk to me. Sorry.... And it has a Fully working HTML 5 element
4513_4513 wrote:
Junk site?
Well look at the screen shot below. Doesn't look like junk to me. Sorry.... And it has a Fully working HTML 5 element
It obviously isn't a fully working HTML 5 element if it doesn't work on major mobile platforms. If you want to develop web sites specifically for Android, Blackberry, Nokia, or Windows, you are welcome to do so. No one is stopping you. But if you want a site that works on all major mobile platforms, then it is your responsibility, and no one else's, to build a site to make that happen. As I showed above, audio works fine on an iPhone. You can demonstrate it with a about 5 lines of HTML. I have no doubt that you can find many other error-laden, 500 line pages of HTML that don't work fine. But that doesn't mean anything other than complex, error-laded web pages may not work fine on all platforms. That shouldn't be a surprise.
html5 audio element
