this tuto will help you to create a video in ur web site !!
first you need to choose the format of the video !!
the format you choose depend of what sorte of video you want play & the possibility for your visitor to see video!!!
THE DIFFERENT FORMAT CODE I CREATE WAS FOR :
flash movie = .flv
window media player= .WMV or .mpeg
Quick time=.MOV
REAL PLAYER= .rmv or .rmvb
DIVX=dvix .avi
flash= .swf
PDF= .pdf
2: you need to upload your video to a compatible host or in your own web space if u have place
LISTE of COMPATIBLE HOST
dailymotion
imageshack.us
archive-host.
free.fr
filelodge.bolt.
over-blog
3:you need create web page
exemple with black backround
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Untitled Page</TITLE>
</HEAD>
<BODY bgcolor="#000000" text="#000000">
</BODY>
</HTML>
now you copy the aproriate code for your video & you insert it inside the body tag of your web page(work the same way to the other video format code)
WMV
- Code: Select all
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,902" type="application/x-oleobject" width="200" height="200">
<param name="src" value="http://THE URL OF YOUR VIDEO.wmv"/>
<param name="showControls" value="true"/>
<param name="autostart" value="0"/>
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaplayer/en/download/" src="http://THE URL OF YOUR VIDEO.wmv" width="200" height="200" showControls="true" autostart="0">
</object>
insert in page we create first we optain this CLICK HERE TO SEE
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Untitled Page</TITLE>
</HEAD>
<BODY bgcolor="#000000" text="#000000">
<object classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,902" type="application/x-oleobject" width="200" height="200">
<param name="src" value="http://THE URL OF YOUR VIDEO.wmv"/>
<param name="showControls" value="true"/>
<param name="autostart" value="0"/>
<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaplayer/en/download/" src="http://THE URL OF YOUR VIDEO.wmv" width="200" height="200" showControls="true" autostart="0"></object>
</BODY>
</HTML>
YOU CAN ADJUST THE SIZE (work for all the different code bellow to)by changing width & height (video size & player size)&THE PLAYER BUTON by changing true by false or 0 by1
WMV VIDEO EXEMPLE
FLVflash movie
- Code: Select all
<object id="monFlash" type=
"application/x-shockwave-flash" data="player_flv.swf" width="800"
height="600"><param name="movie" value="player_flv.swf" />
<param name="FlashVars" value=
"flv=http://URL of your .flv&width=800&height=600" /><!-- CHANGE THE MOVIE URL BY YOURS .FLV/ CHANGEZ L URL DE LA VIDEO PAR LA VOTRE .FLV -->
</object>
copy & past this code in the web page! you upload the page ,the FLV movie & the swf file you will find in this rar archiveSWF file in the same folder and like u see in code you type the NAME of your video & not the URL!!!! the BEST IS TO USE THE SWFOBJECT.JS JAVASCRIPT TO INSERT SWF IN WEB PAGE ! ASK IN FORUM FOR GUIDE TO USE THIS METHOD
FLV MOVIE EXEMPLE
SWFflash file
- Code: Select all
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="300" id="Video">
<param name="movie" value="URL OF YOUR VIDEO.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="allowscriptaccess" value="always" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="URL OF YOUR VIDEO.swf" width="400" height="300">
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="allowscriptaccess" value="always" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer">
<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>
REAL PLAYER
- Code: Select all
<object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="800" height="600">
<param name="src" value="http://URL OF YOUR VIDEO.rmvb"/>
<param name="controls" value="All"/>
<param name="autostart" value="false"/>
<embed NOJAVA="true" src="http://URL OF YOUR VIDEO.rmvb" controls="All" width="800" height="600" autostart="false">
</object>
DIVX WEB PLAYER
- Code: Select all
<object classid="clsid:67DABFBF-D0AB-41fa-9C46-CC0F21721616" width="1024" height="600" codebase="http://go.divx.com/plugin/DivXBrowserPlugin.cab">
<param name="src" value="http://URL OF YOUR VIDEO.divx" />
<embed type="video/divx" src="http://URL OF YOUR VIDEO.divx" width="1024" height="600" pluginspage="http://go.divx.com/plugin/download/">
</object>
i create a Divx html code GENERATORhere
IF YOU NEED THE DIVX PLAYER DOWNLOAD IT HEREOR IF YOU NEED ONLY DIVX WEB PLAYER
DIVX VIDEO EXEMPLEPASS ON FULL SCREEN & YOUR ON CINEMA
if you know java script & css after some work you can optain custom player full scipt
- Code: Select all
<object type="application/pdf" data="http://URL OF YOUR PDF.pdf" style="width:200px;height:200px;">
<param name="src" value="http://URL OF YOUR PDF.pdf"/></object>
MOVQUICK TIME
- Code: Select all
<object type="video/quicktime" codetype="anything" data="http://URL OF YOUR VIDEO.mov" style="width:200px;height:200px;">
<param name="src" value="http://URL OF YOUR VIDEO.mov"/>
<param name="controller" value="true"/>
<param name="autoplay" value="false"/></object>
LIKE YOU SEE ALOTS OF POSSIBILITY !! DONT FORGET THE GOOD WORK OF ALL THIS CODE WAS IN FONCTION OF THE BROWSER & THE PLUG INSTALED IN THE VISITOR PC !!! SO MADE TRY & CHOOSE THE BEST FOR YOUR UTILISATION contact me if you have problem