Adding MP3 player to mini profile

[mysticrystal]

So I've been looking for an MP3 player for the mini profile. I'm using a theme so I don't know what I did wrong. Here is my mini profile code below and here is the link to the site. 

SPOILER: Click to show

<div class="$[miniprofile_class]" style="width:150px;text-align:center; margin-center:-0px; border:transparent;">











<!-- This is the MP3 link at the top of the mini-profile -->

{foreach $[user.mini_custom_field]}

{if $[user.mini_custom_field.name] == "MP3 Link"}

<object width="140" height="30" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">

<param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">

<param value="#f9f9f9" name="bgcolor">

<param value="mp3=$[user.mini_custom_field.value]&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=5d4847" name="FlashVars">

</object>

{/if}

{/foreach}



















<div class="miniprofilestructure" style="height:300px;width:150px;">



<div class="miniprofilebgimg" style="height:250px; background-image: url('https://image.ibb.co/e7evPz/Winsera.jpg');{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Character Image"} background-image: url('$[user.mini_custom_field.value]');{/if}{/foreach}background-size:157px;"></div>



<div class="miniprofileframe"></div>







<div class="miniprofilebg">



<div class="miniprofilename" style="float:left;">



{if !$[user.is_member]} Guest {else}{if $[user.is_banned]} <s>$[user]</s> {else}{if $[user.is_deleted]} <i>$[user]</i> {else} $[user] {/if}</div>



<br><br> <div class="onlinestatustext" style="float:left;"><br>{if $[user.is_member]}

{if $[user.is_banned]}

<b>banned</b>

{else}{if $[user.is_deleted]}

<b>removed</b>

{else}{if $[user.group]}

$[user.group.name]

{else}

$[user.rank.name]

{/if}</div></div>













<div class="miniprofileinfo" style="width:155px; height:300px; text-align:center; border:transparent;">





<font size=4> {if !$[user.is_member]} Guest {else} $[user]{/if}</font>



<BR><font color=000000> {foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Species"}$[user.mini_custom_field.value] {/if}{/foreach}

<BR>

$[user.group.stars]

<br>

</font>

<br>





<div style="margin-top:-20px;margin-bottom:10px;">



{foreach $[user.mini_custom_field]}



{if $[user.mini_custom_field.name] == "Graphic Storage Link"}



<span class= "$[user.mini_custom_field.content_class]">



<a href="$[user.mini_custom_field.value]"><font color=#777A76>Storage</font></a>





</span> <BR>



{/if}{/foreach}











{foreach $[user.mini_custom_field]}



{if $[user.mini_custom_field.name] == "Studio Link"}



<span class= "$[user.mini_custom_field.content_class]">



<a href="$[user.mini_custom_field.value]"><font color=#777A76>Studio</font></a>



</span> <BR>



{/if}{/foreach}















{foreach $[user.mini_custom_field]}



{if $[user.mini_custom_field.name] == "Point Log Link"}



<span class= "$[user.mini_custom_field.content_class]">



<a href="$[user.mini_custom_field.value]"><font color=#777A76>Tracker</font></a>



</span>



{/if}{/foreach} </div>















<span class="minicustomfield" style="float:center;">

<b>Gender</b>:

{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Gender"}$[user.mini_custom_field.value]{/if}{/foreach}



</span>





<BR>



<span class="minicustomfield" style="float:center;">

<b>Age</b>:

{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Age"}$[user.mini_custom_field.value]{/if}{/foreach}



</span>

<BR>



<span class="minicustomfield" style="float:center;">

<b>Height</b>:

{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Height"}$[user.mini_custom_field.value] {/if}{/foreach} </span>

<BR>

<span class="minicustomfield" style="float:center;">

<b>Weight</b>: {foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Weight"}$[user.mini_custom_field.value] {/if}{/foreach}



</span>



<BR>











<BR><span class="minicustomfield" style="float:center;">



<b>OOC:</b> {foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "OOC Name"}$[user.mini_custom_field.value]{/if}{/foreach}



</span>

<BR>

<span class="minicustomfield" style="float:center;">



{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "Mana Points"}$[user.mini_custom_field.value] {/if}{/foreach} <b>MP</b>



</span>

<BR>

<span class="minicustomfield" style="float:center;">

<span class="money_amount"></span> <b>AP</b>



</span>









</div></div> </div>







<div class="awards $[user.id] $[user.name]"></div>

Basically it will show a mp3 player when someone links an mp3 song but it won't play no matter what link we use. 

[Nscalerr 🐺]

Hi mysticrystal

How do you have the Custom Profile Field set ?

After some testing on my forum, having it set to Text Field and URL (Plain text) works, whereas URL (Linked) does not work.

[mysticrystal]

Yes I do and I changed it to url plain text but it still is showing up but not playing.

[Chris]

1. The server at filefactory says that mp3 set for user satan (www.filefactory.com/file/2978nf85bclp/My%20Heart%20Lied.mp3) is not a valid resource, it has either been deleted or never existed to begin with.
   
   

2. ERROR IN CHROME said:

   
   Cross-origin plugin content from flash-mp3-player.net/medias/player_mp3_mini.swf must have a visible size larger than 400 x 300 pixels, or it will be blocked. Invisible content is always blocked.

   
   
   

   <object width="140" height="30" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">
   			<param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">
   			<param value="#f9f9f9" name="bgcolor">
   			<param value="mp3=http://www.filefactory.com/file/2978nf85bclp/My%20Heart%20Lied.mp3&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=5d4847" name="FlashVars">
   		</object>

   
   

You should also be aware that all the major browser vendors are now shunning flash based media (due to a long history of unpatched security vulnerabilities), some disable it outright needing you to opt in through settings to see them while others will show an object that you must click to get it enabled.
HTML5 audio/video tags are meant to replace flash players and do not suffer from the flash stigma (link)