We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Shared soundclouds don't work in Firefox, but do work in Safari

  • 5 replies
  • 5 have this problem
  • 2 views
  • Last reply by cor-el

andycahn
andycahn
more options

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>

Some clients of mine have posted a soundcloud player I made on their websites [http://kfog.com/music/JackJohnsonBestOfKokua.aspx like this one]. As you can see in the [http://dl.dropbox.com/u/10915889/soundcloud-firefox.png Firefox] and [http://dl.dropbox.com/u/10915889/soundcloud-safari.png Safari] screenshots, Firefox shows me a blank box where the player shows fine in Safari. The same goes for [http://w.soundcloud.com/player/?url=http://api.soundcloud.com/playlists/1861767&show_artwork=true this soundcloud url] I found in the html source. Here is the full html code for the section of that source page <!-- Start_Module_5659 --><div id="dnn_ctr5659_ModuleContent"> <div id="dnn_ctr5659_HtmlModule_lblContent" class="Normal"> <p style="text-align: center;"><img width="400" height="240" src="/Portals/1/567770.jpg" alt="" /></p> <p style="text-align: center;">The Jack Johnson &amp; Friends - Best of Kokua Festival special is now available as a 5 part podcast series!<br /><br />Check out the widget below to check out the festivities, and prepare to have your ears transported off to beautiful sunny Hawaii!</p> <p style="text-align: center;">&#160;</p><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> </div> <!-- End_Module_5659 -->

All Replies (5)

andycahn
andycahn Question owner
more options

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.

allthesecymbals
allthesecymbals
more options

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,

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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>
allthesecymbals
allthesecymbals
more options

wow! It works! Thank you so much! sorry, my html skills are not really good ;)

thanks

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome.