Forum Moderators: open
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>
For example:
<div class="flash">
<!--script that embeds the player -->
etc...
</div>
and Welcome to WebmasterWorld! :)
<!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> </p>
</div>
</body>
</html>