Jump to content

azura

New Members
  • Posts

    2
  • Joined

  • Last visited

Posts posted by azura

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

×
×
  • Create New...