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.