Shared soundclouds don't work in Firefox, but do work in Safari
Some clients of mine have posted a soundcloud player I made on their websites like this one.
As you can see in the Firefox and Safari screenshots, Firefox shows me a blank box where the player shows fine in Safari.
The same goes for this soundcloud url I found in the html source.
Here is the full html code for the section of that source page
The Jack Johnson & Friends - Best of Kokua Festival special is now available as a 5 part podcast series!
Check out the widget below to check out the festivities, and prepare to have your ears transported off to beautiful sunny Hawaii!
<iframe width="100%" height="450" scrolling="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F1861767&show_artwork=true" frameborder="0" ></iframe>
Todas las respuestas (5)
I figured it out. The Soundcloud widgets I can't see are all the html5 versions. Seems the problem with seeing them in Firefox is related to old cookies. I cleared them all out, reloaded the pages and then everything looked great.
on my tumblr blog i have the same problem. the html from soundcloud is not showed on firefox but on safari and chrome it looks great... because of estetical reasons i dont want to use html5 widget. what can i do?
this is my blog: http://allthesecymbals.tumblr.com/
this is one of the html codes not running in firefox:
<object height="560" width="560"><param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F49274451&auto_play=false&player_type=artwork&color=0033ff" /><param name="allowscriptaccess" value="always" /></object>
would be great if somebody could help me with that issue.
thanks,
You will at least have to add a type="application/x-shockwave-flash" and a data attribute to the object tag
<object height="560" width="560" type="application/x-shockwave-flash" data="https://player.soundcloud.com/player.swf?url=http://api.soundcloud.com/tracks/49274451&auto_play=false&player_type=artwork&color=0033ff"> <param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F49274451&auto_play=false&player_type=artwork&color=0033ff" /> <param name="allowscriptaccess" value="always" /></object>
wow! It works! Thank you so much! sorry, my html skills are not really good ;)
thanks
You're welcome.