5390 posts The Dude Abides
  • Located in United States
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Has been part of the Envato Community for over 5 years
+9 more
CodingJack says

I’ve been working on a project recently that loads in SoundCloud songs using the provided iframe code you get when you click the “share” button. This was working great until I upgraded to the latest Firefox.

When you load a SoundCloud iframe that has “showartwork” set to “true” as one of the url parameters, SoundCloud will do a 3D flip of the avatar when CSS3 3D Transforms are detected. Firefox 10 added CSS3 3D transform support but unfortunately this avatar flip crashes the browser every time. I’ve confirmed this on two different computers, one running Windows 7 and the other running Windows Vista (FF plugins and addons were disabled to make sure there were no conflicts when testing).

In case authors here have blogs that might be embedding SoundCloud music I thought I’d share this info here. If you want to avoid crashing your visitor’s browser when they visit your website, instead of removing the artwork/avatar completely, you can use this bit of code I wrote:


This will just disable artwork when Firefox 10 is detected and show it for all other browsers. I made a post about the bug over on the SoundCloud API Google group so hopefully they’ll fix it soon.



1145 posts
  • Sells items exclusively on Envato Market
  • Has sold $40,000+ on Envato Market
  • Has been part of the Envato Community for over 5 years
  • Located in Switzerland
+8 more
SonicCube says

Thank you Jack ! I will check this out later today ;)

434 posts
  • Has been part of the Envato Community for over 3 years
  • Has referred 10+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 50+ items on Envato Market
+4 more
thesecession says

Awesome Jack, thanks so much!

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes