This is what i get from view source:

I don't get why the div from before is transformed to a <p> but all in all the code seems correct regardless

<p id="audioplayer_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_RunwayMasterContentPlaceHolder_ctl00_Mp3Player_3_main">/media/737/cocaine.mp3</p><script type="text/javascript"> AudioPlayer.embed("audioplayer_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_RunwayMasterContentPlaceHolder_ctl00_Mp3Player_3_main", {soundFile: "/media/737/cocaine.mp3"});</script>

It seems that the macro doesn't like floats very much. I also use an "always stick to bottom" footer with pure css that fiddles around with 100% height. Dunno if that has any effect on the macro.

If i remove the floatsm, a bit more of my content is shown, but the footer and other stuff is missing. Regardless it works flawlessly in IE7, IE8 and Firefox when i don't use the audio player. Also i can see that my page stops loading after the player is initialized. It just says "Stopped" at the lower left corner in firefox.

I'vre tried to remove my jQuery references but no luck.

Ok, i found the error.

I had a form tag (default for runway template) around the asp content that displays the bodyText. The audio macro doesn't like this for some reason.

Guess i'll just have to make a seperate template for the contact page with the runway form as this will not work without the form tag.

Well, at least i hope someone else will find this usefull.

Hm sorry for the lack of response here, but your monolog seems to find the solution :-)

It didn't trash my layout, but I'm certainly having issues with it. Basically it puts a ton of space above and below and we can't seem to style it. We added a class to the paragraph tag, but still no luck.

We just want the control to display with maybe a 10px margiin on all sides.

Chad; you might consider putting a div around the player in the Mp3Player.ascx file, that might be easier to style.

Something like this:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Mp3Player.ascx.cs" Inherits="Bouvet.Umbraco.AudioPlayer.Mp3Player" %>
<div class="myPlayer">
    <asp:Literal ID="main" runat="server"></asp:Literal>
</div>

The issue could have comething to do with other styles on you site. The only thing "my" code does is to put a flash file inside a paragraph tag.

Hey Kristian

I have been havng the same issues without layout from this control when used within a .net form, so I just looked at the source and the self-closing script tags you have registered through the code behind are breaking layout...

Could you please rebuild with full closed script tags (ie: <script></script> as below, rather than <script /> ");

this.Page.ClientScript.RegisterStartupScript(this.GetType(), "swfobject", "<script src='/scripts/swfobject_web.js' type='text/javascript'></script>");
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "audio-player", "<script src='/scripts/audio-player.js' type='text/javascript'></script>");
this.Page.ClientScript.RegisterStartupScript(this.GetType(), "audio-player-init", "<script src='/scripts/audio-player-init.js' type='text/javascript'></script>");

This would solve the display bugs people are encountering.

Thanks
Josh

Thanks for sharing this fix :-)

is working on a reply...