INSERT VIDEO IN WEB SITE
Posted: Fri Oct 13, 2006 1:43 am
HOW TO PLAY VIDEO IN WEB PAGE
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
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
insert in page we create first we optain this CLICK HERE TO SEE
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
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
REAL PLAYER
DIVX WEB PLAYER
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
PDF
MOVQUICK TIME
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
♠ - ω Comment is CLOSED for This POST ω - ♠
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