Flash over image

Here is example of what I'm trying to do




This is my flash script

<embed type="application/x-shockwave-flash" flashvars="audioUrl=MP3_FILE_URL" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best"></embed>

Code (markup):

now, I want to put it over a picture (I'm using blogger)

Forgive me for my English.
Thank you.

 

I am unfamiliar with how blogger work exactly, but if it can take HTML and CSS you should be able to create a <div> and put your image in the background (using CSS). Then you place the Flash within the <div> and position it with CSS. If Blogger doesn't give you access to direct HTML and CSS, you could technically do it with "old school" tables and backgrounds, assuming Blogger lets you place tables in it with some sort of GUI.

 

But I don't know even how to put image in the background, can you show me please what I need to write. it should be easy no?

For example if my image link is

http://i42.tinypic.com/2aj2vtj.jpg

Code (markup):

and my flash player script is

<embed type="application/x-shockwave-flash" flashvars="audioUrl=MP3_FILE_URL" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best"></embed>

Code (markup):

how can I combine between the two.

I'm sorry I'm new to all this.

 

You must need an expert advise in this, Just go though some professional expert who can assist you in this or you may try posting it on yahoo answers or some flash related forums as well.

 

Well, never mind I thought it will be easy I guess I'll post only the flash player.

Thank you!

 

I believe in Blogger you can use a widget to place your own HTML text within a page of your template.
Create one of them and have the following:

<div id="flashplayer">
<embed type="application/x-shockwave-flash" flashvars="audioUrl=MP3_FILE_URL" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" width="400" height="27" quality="best"></embed>
</div>

Code (markup):

You may then need to go to your 'design' tab on Blogger and find the Edit CSS page. Add in:

#flashplayer {
background-image: url('http://i42.tinypic.com/2aj2vtj.jpg');
}

Code (markup):

You will have to add a few more things to the CSS code to position it right but that's just adding 'margin', 'padding' and 'border' you could always use positions too to align it in place.

 

Toycel Thank you so much it's working!!!

As you said I just need to position the image I hope it's easy.
Thanks again.

 

Use wmode="transparent"

 

Hey flashblue is it possible that you will write me the script cuz I'm new and don't know a lot, I'm trying to read articles but still it's very hard!

I'm using blogger platform (HTML/java script)

 

You can contact me via flashblue80@hotmail.com . Please, write a detailed description about what you want.

Also, you can view my Flash portfolio here:
http://www.flashdo.com/user/flashblue