Jump to content
Stef's Coding Community

flash video not showing.


Recommended Posts

Hi Ive just been attempting to design my first site and wanted to add a little video on one of my pages i converted the files in .swf and .f4v and copied the html into the page. i tested the site locally and all my videos showed up and worked fine, after uploading them to the remote hosting server i noticed not only do they not play but they also only show half of the interface as if there is something wrong in the script for them.

 

Heres a link to my site: http://knoxdesign.co.uk/strangegalleria.html (this is the page in question)

 

here is my source code for the page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Gallery</title>
<link href="Knoxcss.css" rel="stylesheet" type="text/css" />


<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

</head>
<body>

<body onload="MM_preloadImages('Images/towerthumb2.gif','Images/dropitthumb2.gif','Images/jamesthumb2.gif','Images/outsiderthumb2.gif','Images/midnightthumb2.gif','Images/strangethumb2.gif','Images/japanthumb2.gif','Images/legionrollover.gif','Images/sushithumb2.gif')">

<div class="topbar">
<div class="header">
<a href="index.html"><img src="Images/logo.gif" width="358" height="333" border="0" /></a>
</div>
<div class="nav">
<ul id="list-nav">
<li><a href="about.html">About</a></li>
<li>
 <div align="justify"><a href="contact.html">Contact</a></div>
</li>
<li><a href="http://www.knoxmade.blogspot.com/">Blog</a></li>
</ul>
</div>
</div>

<div class="galleriaflash">
<div class="flashContent">
<div id="flashContent">
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="strangeplayback" align="middle">
			<param name="movie" value="strangeplayback.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#ffffff" />
			<param name="play" value="true" />
			<param name="loop" value="true" />
			<param name="wmode" value="window" />
			<param name="scale" value="showall" />
			<param name="menu" value="true" />
			<param name="devicefont" value="false" />
			<param name="salign" value="" />
			<param name="allowScriptAccess" value="sameDomain" />
			<!--[if !IE]>-->
			<object type="application/x-shockwave-flash" data="strangeplayback.swf" width="550" height="400">
				<param name="movie" value="strangeplayback.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="window" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
			<!--<![endif]-->
				<a href="http://www.adobe.com/go/getflash">
					<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
				</a>
			<!--[if !IE]>-->
			</object>
			<!--<![endif]-->
		</object>
	</div>
       </div>
       <br /><p>Strange TV - Here are some experimental idents created for a new horror and sci-fi channel to show how a graphic identity can extend to moving image.<p><br />

       <div class="flashContent2">
       <div id="flashContent">
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="550" height="400" id="strangeplayback2" align="middle">
			<param name="movie" value="strangeplayback2.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#ffffff" />
			<param name="play" value="true" />
			<param name="loop" value="true" />
			<param name="wmode" value="window" />
			<param name="scale" value="showall" />
			<param name="menu" value="true" />
			<param name="devicefont" value="false" />
			<param name="salign" value="" />
			<param name="allowScriptAccess" value="sameDomain" />
			<!--[if !IE]>-->
			<object type="application/x-shockwave-flash" data="strangeplayback2.swf" width="550" height="400">
				<param name="movie" value="strangeplayback2.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="window" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
			<!--<![endif]-->
				<a href="http://www.adobe.com/go/getflash">
					<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
				</a>
			<!--[if !IE]>-->
			</object>
			<!--<![endif]-->
		</object>
           </div>
           </div>

           <hr size=8 width="700px" color="#000000">

<div class="container">
<a href="lotrgalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('lotrrollover','','Images/towerthumb2.gif',1)"><img src="Images/towerthumb.gif" name="lotrrollover" width="180" height="200" border="0" id="lotrrollover" /></a>
<a href="dropitgalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('dropitrollover','','Images/dropitthumb2.gif',1)"><img src="Images/bombsthumb.gif" name="dropitrollover" width="180" height="200" border="0" id="dropitrollover" /></a>
<a href="peachygalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('peachyrollover','','Images/jamesthumb2.gif',1)"><img src="Images/jamesthumb.gif" name="peachyrollover" width="180" height="200" border="0" id="peachyrollover" /></a>
<a href="outsidergalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('outsiderrollover','','Images/outsiderthumb2.gif',1)"><img src="Images/outsiderthumb.gif" name="outsiderrollover" width="180" height="200" border="0" id="outsiderrollover" /></a>
<a href="legiongalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('legionthumbnail','','Images/legionrollover.gif',1)"><img src="Images/legionthumb.gif" name="legionthumbnail" width="180" height="200" border="0" id="legionthumbnail" /></a>
<a href="midnightgalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('midnightrollover','','Images/midnightthumb2.gif',1)"><img src="Images/midnightthumb.gif" name="midnightrollover" width="180" height="200" border="0" id="midnightrollover" /></a>
<a href="strangegalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('strangerollover','','Images/strangethumb2.gif',1)"><img src="Images/strangethumb.gif" name="strangerollover" width="180" height="200" border="0" id="strangerollover" /></a> 
<a href="japangalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('japanrollover','','Images/japanthumb2.gif',1)"><img src="Images/japanthumb.gif" name="japanrollover" width="180" height="200" border="0" id="japanrollover" /></a>
<a href="summergalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('summerthumbrollover','','Images/summerrollover.gif',1)"><img src="Images/summerthumb.gif" name="summerthumbrollover" width="180" height="200" border="0" id="summerthumbrollover" /></a>
<a href="crystalgalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('crystalrollover1','','Images/crystalrollover.gif',1)"><img src="Images/crystalthumb.gif" name="crystalrollover1" width="180" height="200" border="0" id="crystalrollover1" /></a>
<a href="logogalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('klogorollover','','Images/klogorollover.gif',1)"><img src="Images/klogothumb.gif" name="klogorollover" width="180" height="200" border="0" id="klogorollover" /></a> 
<a href="sushigalleria.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sushirollover','','Images/sushithumb2.gif',1)"><img src="Images/sushithumb.gif" name="sushirollover" width="180" height="200" border="0" id="sushirollover" /></a> 
</div>  





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

 

 

 

I have the .sfw files in the root folder, and a .sfw file called MinimaFlatCustomColorPlayBackCounterVolMute.swf, I assume this is just some customisation settings for my video players that should be kept with the other swf files in the site root folder. I also have the .f4v files stored in a folder within the site root folder.

If there is anything you guys spot that i have missed Id be really grateful as i cannot find the reason it isnt working at all.

 

Cheers.

Link to post
Share on other sites

When you point your browser to http://knoxdesign.co.uk/strangeplayback.swf you still get nothing. I would suggest looking at the flash settings to see if anything is out of place such as maybe the url is not pointing or incorrectly pointing to the flv video.

 

Also, within your html, you have this:

 

<script type="text/javascript">

swfobject.registerObject("FlashID");

swfobject.registerObject("FlashID2");

</script>

 

I believe their should be a related script file linked in the header which I do not see in your code.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...