PDA

View Full Version : Video clip will not run


steve2603
9-27-05, 06:13 PM
I have a video clip on my site.. runs ok on front page (and usng browser) with the site on my hard drive. When uploaded everything on the site runs except the video clip.. any suggestions..

Clip is 8.5meg and in mpeg format..

Autoload
9-27-05, 10:54 PM
Video is probably coded incorrectly. Can you post your code or a link to the page with the video?

steve2603
9-28-05, 12:17 PM
Hi.. Here's the code for the page.

Thanks, Steve



<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Gallery</title>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="none, default">
<meta name="Microsoft Border" content="none, default">
<script language="JavaScript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>

<body onload="FP_preloadImgs(/*url*/'buttonD.jpg', /*url*/'buttonE.jpg', /*url*/'button8.jpg', /*url*/'button9.jpg', /*url*/'buttonB.jpg', /*url*/'buttonC1.jpg')">

<div style="position: absolute; width: 1200; height: 800; z-index: 1; border: 1px solid #000000; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #CCCCFF" id="layer1">
&nbsp;</div>
<div style="position: absolute; width: 495px; height: 200px; z-index: 2; left: 701px; top: 591px" id="layer2">
<a href="about.htm">
<img border="0" src="images/Morgan-logo_final_WEB_2.gif" width="498" height="207"></a></div>
<div style="border-style:double; border-width:3px; position: absolute; width: 553px; height: 478px; z-index: 3; left: 46px; top: 47px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" id="layer3">
<div style="position: absolute; width: 492px; height: 526px; z-index: 1; left: 653px; top: -1px" id="layer4">
<p align="justify">&nbsp;</p>
<p align="justify"><font size="4" face="Bookman Old Style">Our 1200 sq ft
air-conditioned Gallery allows us to create an uncluttered contemporary
setting, the gallery also benefits from a hi-tech lighting system which shows
the art at its best and enhances the viewing experience.</font></p>
<p align="justify"><font face="Bookman Old Style" size="4">At any one
time we have over twenty artists on exhibition at the gallery.</font></p>
<p align="justify"><i><font face="Bookman Old Style" size="4">Follow the link
to the artist page where you will find a small selection of typical
works from some of our featured artists.</font></i></p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<blockquote>
<p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="artists.htm">
<img border="0" id="img1" src="buttonA.jpg" height="40" width="200" alt="Artists Page" fp-style="fp-btn: Embossed Rectangle 1; fp-font-size: 20" fp-title="Artists Page" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonB.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonA.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonC1.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonB.jpg')"></a></p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="about.htm">
<img border="0" id="img2" src="buttonC.jpg" height="40" width="200" alt="Back" fp-style="fp-btn: Embossed Rectangle 1; fp-font-style: Bold; fp-font-size: 14" fp-title="Back" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonD.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonC.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonE.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonD.jpg')"></a></p>
</blockquote>
</div>
<p>
<img border="0" dynsrc="images/Gallery%20Video%20#3.mpg" start="fileopen" width="599" height="474" loop="infinite"></div>

<div style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px">
<div style="position: absolute; width: 505px; height: 100px; z-index: 4; left: 102px; top: 566px" id="layer5">
<p align="center"><b><font face="Bookman Old Style" size="7">The Gallery</font></b></div>
<p align="center">&nbsp;</div>

</body>

</html>

Autoload
9-28-05, 01:29 PM
You are using a image tag <img> to call a media file unless that's some sort of Front Page goofiness.

<img border="0" dynsrc="images/Gallery%20Video%20#3.mpg" start="fileopen" width="599" height="474" loop="infinite"></div>

I would also refrain from using spaces and the pound symbol "#" in a filename.

A good name for your file would be gallery_video_3.mpg or galleryvideo3.mpg

Anyway, depending on what you want your user to use to open the file you can embed it into the page.

QuickTime Player:


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="320" height="256" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="autoplay" value="true">
<param name="controller" value="true">
<param name="pluginspage" value="http://www.apple.com/quicktime/download/indext.html">
<param name="target" value="myself">
<param name="type" value="video/quicktime">
<param name="src" value="path_to_file/movie.mpg">
<embed src="path_to_file/movie.mpg" width="599" height="474" autoplay="true" controller="true" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html" target="myself"></embed>
</object>


Windows Media Player

<object id="mediaPlayer" height="xxxx" width="xxxx"
type="application/x-oleobject"
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/
mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
standby="Loading Microsoft Windows Media Player components...">
<param name="fileName" value="path_to_file/movie.mpg" />
<param name="animationatStart" value="true" />
<param name="transparentatStart" value="true" />
<param name="autoStart" value="true" />
<param name="showControls" value="true" />
<embed height="599" width="474" align="left"
src="sample.mpg" autoplay="true" controller="true">
</embed>
</object>

If at all possible though, I would recommend not embedding your movie. Rather provide a download link for users to download the file or present them with a variety of options to view the movie in a pop up window or something. Something like a text link would be good. View my <a href="path_to_movie/movie.mpg">movie here.</a> Forcing a 8.5 meg download to view a page probably will alienate viewers on slower connections. If you are not concerned with dialup users on your page then 'embed' away.

steve2603
9-28-05, 03:29 PM
Thanks, I'll make some changes..