Customize Loader Script Not Working

Questions & Answers
1

Hello Everyone! I have been through the forums and the manual online. I am using Unity Pro I have my image, progress bar and progress frame correctly labeled and in the same folder as the html and unity file. However when I run it in Firefox or Safari I still get the Unity logo and progress bar. Any suggestions would be greatly welcomed. Thank you. Here is the code I am using. Do I need to do anything else? Is it in the right place? Again thank you. K.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Unity Web Player | testone</title>
		<script type="text/javascript" src="http://webplayer.unity3d.com/download_webplayer-3.x/3.0/uo/UnityObject.js"></script>
		<script type="text/javascript">
		<!--
		function GetUnity() {
			if (typeof unityObject != "undefined") {
				return unityObject.getObjectById("unityPlayer");
			}
			return null;
		}
		if (typeof unityObject != "undefined") {
			
			var params = {
	backgroundcolor: "A0A0A0",
	bordercolor: "000000",
	textcolor: "FFFFFF",
	logoimage: "MyLogo.png",
	progressbarimage: "MyProgressBar.png",
	progressframeimage: "MyProgressFrame.png"
};
			unityObject.embedUnity("unityPlayer", "testone.unity3d", 600, 450);
			
		}
		-->
		</script>
		<style type="text/css">
		<!--
		body {
			font-family: Helvetica, Verdana, Arial, sans-serif;
			background-color: black;
			color: white;
			text-align: center;
		}
		a:link, a:visited {
			color: #bfbfbf;
		}
		a:active, a:hover {
			color: #bfbfbf;
		}
		p.header {
			font-size: small;
		}
		p.header span {
			font-weight: bold;
		}
		p.footer {
			font-size: x-small;
		}
		div.content {
			margin: auto;
			width: 600px;
		}
		div.missing {
			margin: auto;
			position: relative;
			top: 50%;
			width: 193px;
		}
		div.missing a {
			height: 63px;
			position: relative;
			top: -31px;
		}
		div.missing img {
			border-width: 0px;
		}
		div#unityPlayer {
			cursor: default;
			height: 450px;
			width: 600px;
		}
		-->
		</style>
	</head>
	<body>
		<p class="header"> </p>
		<p class="header"> </p>
		<p class="header"> </p>
		<p class="header"> </p>
		<p class="header"> </p>
		<div class="content">
			<div id="unityPlayer">
			  <div class="missing">
				  <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
					  <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
				  </a>
				</div>
			</div>
		</div>
		<p class="footer"> </p>
	</body>
</html>
2

It looks like you’ve set up your “params”, but have not used them. e.g. this

unityObject.embedUnity("unityPlayer", "testone.unity3d", 600, 450);

should probably be:

unityObject.embedUnity("unityPlayer", "testone.unity3d", 600, 450, params);