INSERT VIDEO IN WEB SITE

some help & tips

INSERT VIDEO IN WEB SITE

Postby RAD on 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

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&amp;width=800&amp;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>
FLASH EXEMPLE



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>
REAL PLAYER VIDEO EXEMPLE


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 HEREImageOR IF YOU NEED ONLY DIVX WEB PLAYERImage

DIVX VIDEO EXEMPLEPASS ON FULL SCREEN & YOUR ON CINEMA :) :shock: :shock: :twisted:
if you know java script & css after some work you can optain custom player full scipt


PDF
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>
PDF EXEMPLE


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>
I DONT CREATE EXEMPLE FOR QUICK BECAUSE I DONT HAVE THE PLUGIN INSTALED !! but WORK


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 ω - ♠
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Return to WEBMASTER

Who is online

Users browsing this forum: No registered users and 1 guest

cron