Welcome to WebmasterWorld Guest from 54.162.93.137

Forum Moderators: open

Message Too Old, No Replies

Moving Flash music player

Flash, Music, alignment

     
3:57 am on Dec 15, 2008 (gmt 0)

5+ Year Member



I've just added a Flash music player to my site and it works but the player is in the top left hand corner and I cant figure out how to move it. I pasted the code I have below. Any help would be much appreciated thanks.

<!-- Script that embeds player. -->
<script language="javascript" type="text/javascript"><!--
var so = new SWFObject("flashmp3player.swf", "player", "290", "247", "8"); // Location of swf file.
so.addParam("quality", "high");
so.addVariable("content_path","mp3"); // Location of a folder with mp3 files (relative to php script).
so.addVariable("color_path","default.xml"); // Location of xml file with color settings.
so.addVariable("script_path","flashmp3player.php"); // Location of php script.
so.write("player");
// --></script>

8:22 pm on Dec 17, 2008 (gmt 0)

WebmasterWorld Senior Member eelixduppy is a WebmasterWorld Top Contributor of All Time 5+ Year Member



You can position the flash with HTML/CSS.

For example:


<div class="flash">
<!--script that embeds the player -->
etc...
</div>

and Welcome to WebmasterWorld! :)

2:01 am on Dec 18, 2008 (gmt 0)

5+ Year Member



This doesnt seem to have worked. The way I have the code set up my background and banner stay fixed and adjust to all screen sizes and the content (Flash Player) stays on top of the page. I'm not sure where I would need to place the coding. Here is my whole page in code. Hopefully this will make more sense of my problem. Again thanks to any help received.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- Location of javascript. -->
<script language="javascript" type="text/javascript" src="swfobject.js" ></script>

<html>
<head>
<title>Flight Effect Home</title>
</head>
<body>
<p>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Imagetoolbar" content="no" />
<style type="text/css">
html {height:100%;}
body {height:100%; margin:0; padding:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:fixed; top:0; left:0; width:100%; height:100%;}
</style>
</p>
<p><!--[if IE 6]>
<style type="text/css">
html {overflow-y:hidden;}
body {overflow-y:auto;}
#bg {position:absolute; z-index:-1;}
#content {position:relative; z-index:1;}
</style>
<body Link="F8ECEC" ALink="F8ECEC" VLink="F8ECEC">
<![endif]--></p>
<div id="bg"><img src="wallpaper.jpg" width="100%" height="100%" /></div>
<div id="content"><img src="FEBanner.jpg" scale="exactfit" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="100%" height="25%" />
<div id="player">
<h1>No flash player!</h1>
<p>It looks like you don't have flash player installed. <a href="http://www.macromedia.com/go/getflashplayer">Click here</a> to go to Macromedia download page.</p>
<p><align:>
<script language="javascript" type="text/javascript"><!--
var so = new SWFObject("flashmp3player.swf", "player", "290", "247", "8"); // Location of swf file.
so.addParam("quality", "high");
so.addVariable("content_path","mp3"); // Location of a folder with mp3 files (relative to php script).
so.addVariable("color_path","default.xml"); // Location of xml file with color settings.
so.addVariable("script_path","flashmp3player.php"); // Location of php script.
so.write("player");
// --></script>
</align:></p>
</div>
<p>&nbsp;</p>
</div>
</body>
</html>

 

Featured Threads

Hot Threads This Week

Hot Threads This Month