Ok, I've got this code that needs to load a .wmv file - the client is adamant about using .wmv files and not Flash files - and the client insists that it use variables for the width and height parameters. Thanks to a couple of you, I've now got the code working correctly in IE (it's always worked in Firefox) but I've just noticed that it's not working in Safari. I'm sure it's got something to do with the <object> but am not sure how to fix it.

I've tried including the safari object code for wmv files and then using an if/else statement to only load the object code for safari but my javascript skills aren't that great.

Can anyone help me figure out what's wrong with the code that it's not showing up in Safari?

Here's the code:

<html>
	<head>
    <style type="text/css">
<!--
.fontStyle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #67A2DC;
}

-->
    </style>
		<script type="text/javascript">			

			window.onload=function(){
				loadVideo();
			}
			
	
			function loadVideo()
			{
				
					if (parseInt(navigator.appVersion)>3)
						{
							if (navigator.appName == "Netscape")
							{
								winW = window.innerWidth;
								winH = window.innerHeight;
							}
					if (navigator.appName.indexOf("Microsoft") != -1)
							{
								winW = document.body.offsetWidth;
								winH = document.body.offsetHeight;
							}
					
			}
				
				var dimW = winW-50;
				var dimH = winH-20;
				var w1 = dimW.toString();
				var h1 = dimH.toString();
				
				
				
				if(document.getElementById("vidEmbed") != null)
				{
					
					document.getElementById("vidEmbed").src = "Welcome_1.wmv";
					document.getElementById("vidEmbed").style.width = w1;
					document.getElementById("vidEmbed").style.height = h1;
				}
				else if(document.getElementById("Player") != null)
				{
					document.getElementById("Player").style.width = w1;
					document.getElementById("Player").style.height = h1;
					//document.getElementById("objectSrc").value = "oracleWelcome_1.wmv";
					document.getElementById("Player").url = "Welcome_1.wmv";
				}
else if(document.getElementById("quickTime") != null)
				{
					document.getElementById("quickTime").style.width = w1;
					document.getElementById("quickTime").style.height = h1;
					document.getElementById("qTime").value = "oracleWelcome_1.wmv";
				}

			}
		</script>

	</head>
<body><div>
<p><span class="fontStyle">Introduction<br>

</span> 
   <object id="Player" width="100%" height="100%" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="border:0px;"> 
    
    <param name="autoStart" value="True">
    <param name="uiMode" value="full">
    <param name="volume" value="50">
    <param name="mute" value="false">
    
    <embed src="" id="vidEmbed" width="100%" height="100%" autostart="true" uimode="full" volume="50" mute="false"> </embed>
  </object>
   
   <!-- Safari Code -->
    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" id="quickTime" width="100%" height="100%" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" id="qTime" value=""><param name="autoplay" value="true"><param name="controller" value="false"><embed src="" id="qTime" width="100%" height="100%" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>
 <!-- End Safari Code -->
  
</p>

</div>
</body>
</html>

As it stands right now, both Firefox and IE try to load the quicktime object after they load the wmv movie object and I'm sure it's because I've coded incorrectly. Any help you can give is greatly appreciated.

Thank you,

M.

That's because you are embedding QT instead of WMP!

<html>
	<head>
    <style type="text/css">
<!--
.fontStyle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #67A2DC;
}

-->
    </style>
		<script type="text/javascript">			

			window.onload=function(){
				loadVideo();
			}
			
	
			function loadVideo()
			{
				
					if (parseInt(navigator.appVersion)>3)
						{
							if (navigator.appName == "Netscape")
							{
								winW = window.innerWidth;
								winH = window.innerHeight;
							}
					if (navigator.appName.indexOf("Microsoft") != -1)
							{
								winW = document.body.offsetWidth;
								winH = document.body.offsetHeight;
							}
					
			}
				
				var dimW = winW-50;
				var dimH = winH-20;
				var w1 = dimW.toString();
				var h1 = dimH.toString();
				
				
				
				if(document.getElementById("vidEmbed") != null)
				{
					
					document.getElementById("vidEmbed").src = "Welcome_1.wmv";
					document.getElementById("vidEmbed").style.width = w1;
					document.getElementById("vidEmbed").style.height = h1;
				}
				else if(document.getElementById("Player") != null)
				{
					document.getElementById("Player").style.width = w1;
					document.getElementById("Player").style.height = h1;
					document.getElementById("Player").url = "Welcome_1.wmv";
				}
else if(document.getElementById("quickTime") != null)
				{
					document.getElementById("quickTime").style.width = w1;
					document.getElementById("quickTime").style.height = h1;
					document.getElementById("qTime").value = "oracleWelcome_1.wmv";
				}

			}
		</script>

	</head>
<body><div>
<p><span class="fontStyle">Introduction<br>

</span> 
   <object id="Player" width="100%" height="100%" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="border:0px;"> 
    
    <param name="autoStart" value="True">
    <param name="uiMode" value="full">
    <param name="volume" value="50">
    <param name="mute" value="false">
<!-- <embed src="" id="vidEmbed" width="100%" height="100%" autostart="true" uimode="full" volume="50" mute="false"></embed> -->
<embed type="application/x-mplayer2" src="" id="vidEmbed" width="100%" height="100%" autostart="true" uimode="full" volume="50"> </embed>  

  </object>
   
   <!-- Safari Code -->
    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" id="quickTime" width="100%" height="100%" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" id="qTime" value=""><param name="autoplay" value="true"><param name="controller" value="false"><embed src="" id="qTime" width="100%" height="100%" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>
 <!-- End Safari Code -->
  
</p>

</div>
</body>
</html>

Might work

Thanks for trying. That little bit of extra code (type="application/x-mplayer2") in the embed tag actually causes FF to stop showing the file. I don't know why but it does. :(

Thanks for trying. That little bit of extra code (type="application/x-mplayer2") in the embed tag actually causes FF to stop showing the file. I don't know why but it does. :(

Something is wrong with your Safari [although I don't have it here] because your previous code [the one working on FX and IE] should have worked in Safari too, 'cause this code is trying to use windows media player v.6.4 edition. But as I've already mentioned safari will also need its WMP plug-in installed same as FX, which already has it.

Something is wrong with your Safari [although I don't have it here] because your previous code [the one working on FX and IE] should have worked in Safari too, 'cause this code is trying to use windows media player v.6.4 edition. But as I've already mentioned safari will also need its WMP plug-in installed same as FX, which already has it.

I believe you may be right. Someone is testing from his safari browser for me now.

Thank you :)

did you get this to work in the end, i have been trying to get something like this to work on an IPhone using Safari Browser but can not get it to play a sound on load.

i have it play the alert sound onload with firefox and IE and every mobile i have tried also works, but as for he IPhone it is not working, it is not playing the sound file.

i have tried both .mp3 and .wav file types

how would I correctly have it play a sound in the browser normally in this type of browser?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.