• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

SoundCloud Embeds go over userbar

#1
I am currently having this issue:
Capture.PNG
As you can see, SoundCloud embeds on my forum, go straight over the userbar, instead of under them, like the rest of the content, as far as I know this only happens with users using the Google Chrome browser, and I am a bit confused as to how to fix this issue.
Would anyone be able to help me with how to do this?
~Thanks.
 

Chris D

XenForo developer
Staff member
#2
Have you got a URL so I can inspect the CSS?

It might just need z-index something added to one of the Soundcloud css classes, or the userbar class...
 

Chris D

XenForo developer
Staff member
#4
Here we go :)

Much better:

better.PNG

This is achieved by adding this to the soundcloud code somewhere:

HTML:
<param name="wmode" value="transparent">
So the Soundcloud embed code needs to look like:

HTML:
<object height="81" width="100%">
<param name="wmode" value="transparent">
<param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb"></param>
<param name="allowscriptaccess" value="always"></param>
<embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb" type="application/x-shockwave-flash" width="100%"></embed>
</object>
 
#5
Here we go :)

Much better:

View attachment 30906

This is achieved by adding this to the soundcloud code somewhere:

HTML:
<param name="wmode" value="transparent">
So the Soundcloud embed code needs to look like:

HTML:
<object height="81" width="100%">
<param name="wmode" value="transparent">
<param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb"></param>
<param name="allowscriptaccess" value="always"></param>
<embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fdystopians%2Fside-b-of-dystopia&amp;g=bb" type="application/x-shockwave-flash" width="100%"></embed>
</object>
Thank you :)