html5 audio player with play list not displaying properly on ipod (gen 4)

[Paul]

Hey All,

I've just added an html5 audio player with playlist to a website at this link:
http://www.btg.paulwallace.com.au/band-template-master/

The player does appear to be working fine on a pc but when I checked to see how it looked on an ipod (gen4), the top of the player was cut off. Here is a screen shot at this link:
http://www.btg.paulwallace.com.au/wp-content/uploads/2013/10/ipod.png

I thought perhaps this player just didn't display correctly on ipods but then remembered another website that uses the same player and it displayed fine, here is that link:
http://twormore.com/listen/

I'm thinking it may be a conflict with the theme but don't know how to figure that one out 🙁
I'm using genesis with metro child theme.

Any tips would be REALLY appreciated 🙂

Paul.

[Brad Dalton]

WordPress includes a built in HTML 5 player now so no need to install a plugin. Just paste the url to the file on a separate line.

---

2700 Genesis Tutorials

[Paul]

Hi, Thanks for your reply. I am aware of that option but I need a player with a playlist that also streams the music that can't be easily downloaded with the right click, save as function.

[Brad Dalton]

You'll need to reduce the width for the player once the screen re-sizes to a specific width using the class for the player in the Media Qeuries of your child themes style.css file.

I would ask the plugin Develeper for this and add this at the end of yoru Media Qeuries in the Metro themes Style sheet

---

2700 Genesis Tutorials

[Paul]

Thanks, I've contacted the developer and am now waiting. If anyone else has a quicker suggestion I'd love to hear it 🙂

[Paul]

modifications were made to ‘wp-content\plugins\lbg-audio1-html5\audio1_html5\js\audio1_html5.js’
and it fixed the problem 🙂

[Brad Dalton]

Thanks for sharing the solution Paul.

---

2700 Genesis Tutorials

[Author]

Posts