954,600 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article
2 Years Ago
Show Comments
-1

Safari Browser Doesn't Play This Video: Why Not?

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 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

</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.

edDev
Newbie Poster
8 posts since Sep 2009
Reputation Points: 10
Solved Threads: 0
 
2 Years Ago
0

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

</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

Troy III
Practically a Master Poster
609 posts since Jun 2008
Reputation Points: 120
Solved Threads: 80
 
2 Years Ago
0

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. :(

edDev
Newbie Poster
8 posts since Sep 2009
Reputation Points: 10
Solved Threads: 0
 
2 Years Ago
0
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.

Troy III
Practically a Master Poster
609 posts since Jun 2008
Reputation Points: 120
Solved Threads: 80
 
2 Years Ago
0
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 :)

edDev
Newbie Poster
8 posts since Sep 2009
Reputation Points: 10
Solved Threads: 0
 
2 Years Ago
0

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?

jasonc31
Newbie Poster
6 posts since Mar 2010
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged:
 
© 2012 DaniWeb® LLC
Home | About Us | Contact Us | Terms of Service | Advertising Opportunities
RSS Feed RSS Feed