[Plugin: HTML5 jQuery Audio Player] Player height problems, please help!

Resolved eresseraca
(@eresseraca)

13 years, 10 months ago

Hi,

I’m building a site which uses the html5-jquery-audio-player plugin.

I have it placed in the sidebar in a Text widget (functions.php) modified so that I could call the short code in my widget.

The problem is that there’s an element in the middle of the player (below the album cover but above the “description” text) that stretches to page height.

I’ve gone through the code, back and forth all day without being able to solve this problem.

Take a look at this screenshot to get a picture of my problem: http://backstreetsmastering.com/temp/Playerproblems.png

I really hope someone knows what could cause this and can help me out. I really like the player, simple and multi-platform. Very good!

Thanks in advance!

http://ww.wp.xz.cn/extend/plugins/html5-jquery-audio-player/

Viewing 4 replies - 1 through 4 (of 4 total)

Sajid Hussain
(@learn-wp)

13 years, 10 months ago

if you could send the url of the live site so it can be addressed

Thread Starter eresseraca
(@eresseraca)

13 years, 10 months ago

I can’t do it on the actual site as it’s a clients site that isn’t ready and I’m not allowed to release it or show it yet.

Though, I recreated the problem on my own music news blog. Check here, http://www.gtlounge.net.

The player is placed last in the sidebar and extends all the way down to the bottom of the page where it then puts the actual playlist and finishes off with the heading from the widget text box. So the whole player is basically placed before the text box widget even though the code is pasted “into it”. Might be a part of the problem as well, or not.

Thanks in advance!

Plugin Author Maeve Lander
(@enigmaweb)

13 years, 9 months ago

Hi guys… please update to latest version 1.4 (released today) and let me know if this solves your problem.

Thanks.

darkan9el
(@darkan9el)

13 years, 9 months ago

eresseracam, have you tried looking at the code and css using the firebug add-on in firefox.
I’ve just looked at your page and the css puts out a computed height of 14632.9px

What is a computed style? a computed style is the value a CSS property will have when the browser needs to calculate the value based on a percentage or a value relative to another value. For example, if you specify a div to have a width of 50% and it contains an element that inherits its width from the div, then that element will have a computed value.

The fact this player isn’t really designed to fit into a 190px sidebar is significant and it just won’t look good. You seriously need to widen your site width; it will look better, try making it 900px wide instead of approx 740px.