We build. You grow.

Get best community software here

Start a social network, a fan-site, an education project with oxwall - free opensource community software

Soundcloud player embed problems using the video plugin feature. | Forum

Juan
Juan Feb 23 '12
Hi guys,

I used to be able to embed the Soundcloud player using the video plugin but now it takes the player and stretches it way across the page. I looked at another Oxwall site that uses the video plug to embed the Soundcloud player and it works fine. Should I reinstall the video plugin?

Thanks!
Juan
Michael I.
Michael I. Feb 29 '12
Are you embedding the code via Custom HTML widget? Can you share the code?
Juan
Juan Mar 6 '12
Hi,

No, It's the site's video plugin were the problem is... well, I guess if the video plugin is a HTML widget then yes. The player works fine on the main page using the Custom text/HTML widget. After the updates all the soundcloud players stretched across the webpage.

I deleted all the players except for one from SoundClick.com, their player stayed the same size and did not stretch across.

..........................................................................................

Here's the HTML5 widget Embed code:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/...mp;show_artwork=true"></iframe>

Here's the original Embed code:
<object height="81" width="100%"> <param name="movie" value="https://player.soundcloud.com/...%2Ftracks%2F34711305"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="81" src="https://player.soundcloud.com/...%2Ftracks%2F34711305" type="application/x-shockwave-flash" width="100%"></embed> </object>  <span><a href="http://soundcloud.com/bartetmedia/heaven-remix">Heaven (Les Boyz Electro Remix) feat: Luca</a> by <a href="http://soundcloud.com/bartetmedia">Bartetmedia</a></span>

Thanks!
The Forum post is edited by Juan Mar 6 '12
DeFender
DeFender Mar 6 '12
try this

<embed allowscriptaccess="always" height="81" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F34711305&show_artwork=true" type="application/x-shockwave-flash" width="500px"></embed>

or

<iframe width="500" height="166" scrolling="no" frameborder="no" src="http://w.soundcloud.com/...mp;show_artwork=true"></iframe>

don't forget to edit url.because here is cut
The Forum post is edited by DeFender Mar 6 '12
Richard Carr
Richard Carr Mar 7 '12
Hi I also have this problem, Many users on my site use the video plugin which i labelled MEDIA to embed their soundcloud players.. However after the update they are all stretched across the page....is there a way to fix this?
Michael I.
Michael I. Mar 8 '12
Just add the code once again - worked for me, should work for you.
Juan
Juan Mar 10 '12
Hey thanks, one of the codes worked! ...I used the HTML5 widget code then changing the iframe width= to "500" instead of 100% and it worked great!

Thanks aka_le_Mulder!
The Forum post is edited by Juan Mar 10 '12
dhruv
dhruv Mar 11 '12
can i know what is the use of this code??
Michael I.
Michael I. Mar 13 '12
As far as I can see, this is an embeddable music player.
Richard Carr
Richard Carr Mar 16 '12
yes its an embeddable music player from soundcloud (like youtube but sound)...

This code alteration works, however it can be slightly frustrating for users to have to alter it every-time they embed the sound player, and frustrating for me to get the word out that they have to do so..

Is there anyway to have it auto-resize?


Alia Team
Alia Jan 30 '13
Eddie, I have tried to use SoundCloud Flash  and added it as Video.
Here is the original code:

<object height="81" width="100%"><param name="movie" value="https://player.soundcloud.com/...p;show_comments=true"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" src="https://player.soundcloud.com/...p;show_comments=true" type="application/x-shockwave-flash" width="100%" height="81"></embed></object><span><a href="http://soundcloud.com/ermek-kadyrkulov/feel-volume-2">АудиоFEEL - volume 2</a> by <a href="http://soundcloud.com/ermek-kadyrkulov">Ermek Kadyrkulov</a></span>

Here is the result:


I have tried to use iframe code and added it to the Custom HTML widget on main page:

Here is the original code I used:

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/...mp;show_artwork=true"></iframe>

Here is the result:



Everything seems to work fine.
Tom
Tom Dec 1 '14
Strange - I can get the player to show up using the video widget and adding the iframe and it looks great in the post before I click save. After I click save and the page reloads the post, the soundcloud player is gone. If I click "edit," the post opens and there's no embedded code for the soundcloud player. 

Here's my soundcloud iframe as an example:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/...&amp;visual=true"></iframe>


I also tried switching 100% to 500 but it did not help.


Thanks!


T

ross Team
ross Dec 2 '14
We cannot reproduce that neither on demo or our test websites


See screenshots: 



Please share your URL

and steps one by one how to reproduce the issue. 



Tom
Tom Dec 2 '14
Hmmm. I've updated ot the latest version of Oxwall, so I'm not sure what that is.


On my posts, I open a video widget (to add video), copy the embed iFrame Text, save and then save the post. It shows the soundcloud player in the post before I save it, but after I save it, it disappears.


My URL is 


Krackl.it


You can log in with Facebook Connect, if you'd like and try to post soundcloud.

Thanks!


T

ross Team
ross Dec 2 '14
Tom I can't add sound cloud iframe as the resource is not allowed

w.soundcloud.com please add the url in the allowed resource list here: www.site.com/admin/settings/user-input

The Forum post is edited by ross Dec 2 '14
Tom
Tom Dec 3 '14
I made the change you've specified and it works now! Thank you!

I notice that it only works if the video/embed widget is used. That option is not available for newsfeed posts. Is there an easy way to add the video/embed code widget to my newsfeed posts so this option will be available (like with the forum posts)?


Thanks again for your help!

Tom

ross Team
ross Dec 3 '14
I'm not sure whether there's a plugin for this in the store: http://www.oxwall.org/store You can check on your own. 

However to make so in the default plugin is considered as a custom code modification of the plugin. 

You will need to hire a programmer to do that. You can find them here: http://www.oxwall.org/market/specialists

beyondherd
beyondherd May 14
Looking for the solution for the same problem. I am facing this issue while doing work on my webpage download from soundcloud. Let me know if you know the solution for this. Thanks
The Forum post is edited by beyondherd May 14