adding mp4 to my website

[manuleka]

i've got this mp4 video and i want to upload it and run it on my website....

is mp4 a web friendly file type? or do i need to convert this to some other video file format?

also, the video was recorded with the camera lying horizontally (90 degrees - the person recorded is standing horizontal on the screen).. how can i make the video appear or play vertical?

[Wickham]

This code works in IE6 and IE7 with ActiveX, Firefox, Opera and Safari for Windows all without javascript.

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="640" height="495">
<param name="pluginspage" value="http://www.apple.com/quicktime/download">
 <param name="src" value="video.mp4" />
 <param name="controller" value="true" />
 <object type="video/quicktime" data="video.mp4" width="640" height="495" class="mp4">
  <param name="controller" value="true" />
  
<A HREF="homepage.html">Alternative if video does not work: Homepage</A>

</object>
</object>

It is an old code. It either needs the viewer to have QuickTime already or downloads the plugin.

You will need to use video software to turn it 90 degrees before you upload the file.

I think it may be better to convert to Flash .swf because many computers already have Flash capabilities now, but fewer have QuickTime. You can Google for free converters MPF to Flash. Flash code is different usually having an object tag with a different plugin and a nested embed tag.

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" 
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" 
id="oth_splash"
style="width: 500px; height: 450px; margin: auto;">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="video.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="bgcolor" value="#bcbcbc" />
<embed src="video.swf" quality="high" scale="noscale" bgcolor="#bcbcbc" name="oth_splash" style="width: 500px; height: 450px; margin: auto;"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" ></embed>
</object>