HTML est un Langage
HTTP est un Protocole de base; d’autre ont été sur-ajouté comme web-dav.
Il n’ y a pas de limite à ces systèmes très ouverts.
L’exemple le plus approprié est la balise:
<EMBED> … </EMBED>
Avec cette fonction, tout est possible.
|
Utilisation |
Inclut , dans une page Web, tout type d’objet ( texte, image, audio, vidéo…) |
|
Balises de début/de fin |
Nécessaire/facultatif |
|
Attributs |
%coreattrs, %i18n, %events src=”…” : l’URL de l’objet alt=”…” : texte de remplacement à afficher height=”…” : hauteur d’affichage width=”…” : largeur d’affichage name=”…” : nom de l’objet |
|
Vide |
Non |
- La balise <EMBED> n’a pas été reprise dans les spécifications officielles du HTML 4.0 (W3C) : elle est remplacée par la balise <OBJECT>.
- C’est le pendant Netscape du <IMG DYNSRC> de Microsoft ( lui aussi non repris dans les spécifications de HTML 4.0).
- La balise <EMBED> accepte aussi des attributs optionnels spécifiques au plug-in ou à la visionneuse qui vont exploiter l’objet inclus.
- Balise propriétaire Netscape à l’origine, elle est cependant reconnue par Internet Explorer depuis sa version 3.0
La difficulté majeure de cette puissante ouverture est qu’elle dépend de plug-in et/ou de visionneur (ou player), de leur version et d’installation de certains composants.
Une fois la vidéo stockée sur un espace web de votre choix, vous intégrez directement votre vidéo sur votre page (en y intégrant également le lecteur multimédia).
Le code HTML à insérer dépend alors du format de la vidéo (vidéo Real, Quicktime, Windows Media, Flash ou bien Divx).
Pour une vidéo WMV, WMX ou ASX (Windows Media), il suffit d’insérer le code HTML suivant :
<object width=”320” height=”260“
classid=”clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95″
codebase=”http://activex.microsoft.com/activex/controls/ mplayer/en/nsmp2inf.cab#Version=6,4,5,715″
standby=”Chargement…”
type=”application/x-oleobject”>
<param name=”filename” value=”http://www.votresite.com/vosvideos/nomdelavideo.wmv“>
<param name=”autostart” value=”0“>
<param name=”showcontrols” value=”1“>
<embed name=”video1″ width=”320” height=”260“
type=”application/x-mplayer2″
pluginspage = “http://www.microsoft.com/windows/mediaplayer/”
src=”http://www.votresite.com/vosvideos/nomdelavideo.wmv“
autostart=”0” showcontrols=”1“>
</embed></object>
Pour une vidéo RM ou RAM (Réal), il suffit d’insérer le code HTML suivant :
<object width=”300” height=”230“
classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” >
<param name=”console” value=”video”>
<param name=”controls” value=”ImageWindow”>
<param name=”autostart” value=”false“>
<param name=”src” value=”http://www.votresite.com/vosvideos/nomdelavideo.ram“>
<embed width=”300” height=”230“
src=”http://www.votresite.com/vosvideos/nomdelavideo.ram“
type=”audio/x-pn-realaudio-plugin”
controls=”ImageWindow” console=”video”
autostart=”false“>
</embed></object>
En plus, si vous désirez afficher les boutons de contrôle, rajoutez en-dessous le code suivant :
<object width=”300” height=”50“
classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”>
<param name=”console” value=”video”>
<param name=”controls” value=”controlpanel“>
<param name=”src” value=”http://www.votresite.com/vosvideos/nomdelavideo.ram“>
<embed width=”300” height=”50“
src=”http://www.votresite.com/vosvideos/nomdelavideo.ram“
type=”audio/x-pn-realaudio-plugin”
controls=”controlpanel” console=”video”>
</embed></object>
Pour une vidéo MOV (QuickTime), il suffit d’insérer le code HTML suivant :
<object width=”340” height=”260“
classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B” codebase=”http://www.apple.com/qtactivex/qtplugin.cab”>
<param name=”src” value=”http://www.votresite.com/vosvideos/nomdelavideo.mov“>
<param name=”autoplay” value=”false“>
<param name=”controller” value=”true“>
<embed width=”340” height=”260“
src=”http://www.votresite.com/vosvideos/nomdelavideo.mov“
type=”video/quicktime”
autoplay=”false“
controller=”true“>
</embed></object>
Si vous ne désirez pas les boutons de contrôle, modifier le paramètre “controller” en false.
Pour une vidéo SWF (Flash), il suffit d’insérer le code HTML suivant :
<object id=”flash_video” align=”middle” width=”320” height=”240”
classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0″>
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”movie” value=”http://www.votresite.com/vosvideos/nomdelavideo.swf” />
<param name=”play” value=”true” />
<param name=”loop” value=”false” />
<param name=”quality” value=”high” />
<param name=”bgcolor” value=”#ffffff” />
<embed src=”http://www.votresite.com/vosvideos/nomdelavideo.swf” quality=”high” bgcolor=”#ffffff” width=”320” height=”240” play=”true” loop=”false” name=”flash_video” align=”middle” allowscriptaccess=”sameDomain” type=”application/x-shockwave-flash”
pluginspage=”http://www.macromedia.com/go/getflashplayer” />
</embed></object>
Pour une vidéo FLV (Flash), il suffit d’insérer le code HTML suivant :
<object id=”monFlash” type=”application/x-shockwave-flash” data=”http://resources.neolao.com/download/flash/components/player_flv.swf” width=”320” height=”240“>
<param name=”movie” value=”http://resources.neolao.com/download/flash/components/player_flv.swf”/>
<param name=”FlashVars” value=”flv=http://www.votresite.com/vosvideos/nomdelavideo.flv&width=320&height=240“/>
</object>
Pour une vidéo DIVX
c’est-à-dire :
- un fichier vidéo portant l’extension “.divx”
- ou bien un fichier portant l’extension “.avi” mais à condition qu’il ait été encodé en DIVX
Alors, il suffit d’insérer le code HTML suivant :
<object width=”485” height=”297” codebase=”http://go.divx.com/plugin/DivXBrowserPlugin.cab”>
<param name=”autoplay” value=”false” />
<param value=”zero” name=”mode” />
<param value=”false” name=”allowContextMenu” />
<param name=”src” value=”http://www.votresite.com/vosvideos/nomdelavideo.divx” />
<param name=”custommode” value=”Stage6″ />
<param name=”showpostplaybackad” value=”false” />
<embed width=”485” height=”297” type=”video/divx” src=”http://www.votresite.com/vosvideos/nomdelavideo.divx” pluginspage=”http://go.divx.com/plugin/download/” showpostplaybackad=”false” custommode=”Stage6″ autoplay=”false”></embed>
</object>
A noter :
- Remplacer le texte en bleu par l’adresse de votre vidéo.
- Vous pouvez modifier les paramètres en rose afin de modifier la taille de la vidéo, lancer automatiquement la vidéo ou bien afficher les boutons de contrôle.
- Remarquez qu’à chaque fois, on répète l’adresse de la vidéo ainsi que les paramètres une fois dans la balise OBJECT et une fois dans la balise EMBED, ceci afin d’être compatible avec le plus de navigateurs possibles (bien que la balise EMBED devrait bientôt être superflue)
Publié par simeoni42 
Publié par simeoni42 
