Mettre en place une vidéo sur son site web

Bonjour,

Nous allons abordé ce jour une notion qui pour moi vaut la peine d'être connue, la mise en place d'une vidéo sur son site internet. En effet de plus en plus dans les sites web, l'on retrouve des fonctionnalités multimédia (vidéos, audio, animations, … )

Beaucoup se demandent donc comment procéder, et bien cet article est un élément de réponse. Avant de commencer, quelques petites explications s'imposent :

• Il existe plusieurs format de vidéos sur internet ( flv, wmp, …), le format flv est cependant le plus utilisé.
• Il existe plusieurs lecteurs vidéos sur internet que vous pouvez téléchargez et mettre sur votre site
• Pour les vidéos flash, il est impératif d'installer flash player sinon vous ne pourrez pas lire des vidéos ou animations flash, de même pour les vidéos wmp il faut installer un plugin spécifique.

Pour faire simple, voici le code à insérer (texte en rouge) pour afficher une vidéo flv sur son site . j'expliques au fur et à mesure

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="662" height="411" id="FLVPlayer">

Pour la première ligne, changez juste les attributs width et height, remplacez les par les valeurs correspondant à la longueur et à la largeur de votre vidéo

  <param name="movie" value="FLVPlayer_Progressive.swf" />

  <param name="quality" value="high" />

  <param name="wmode" value="opaque" />

Ne rien changer sur les lignes ci-dessus, elles indiquent le lecteur flash que nous utilisons

  <param name="FlashVars" value="&amp;MM_ComponentVersion=1&amp;skinName=Halo_Skin_3&amp;streamName=video/test.flv&amp;autoPlay=false&amp;autoRewind=false" />

Sur cette ligne, faut juste changer la ligne suivante :  video/test.flv , remplacé la par le chemin relatif pour accéder à votre vidéo depuis la page ou exécutée la vidéo.

  <param name="swfversion" value="8,0,0,0" />

</object>

Etant donné que l'on utilise un lecteur flash spécifique, il est important de télécharger les deux fichiers ci-dessous et de les mettre dans le même répertoire que la page ou la vidéo est lue.

Cliquez ici pour télécharger le zip, après dé-zippé et traiter les fichiers comme dit plus haut. 

Voila, après cela si vous exécuté votre page, vous devez voir votre vidéo s'afficher sur le lecteur.

j'espère que ce tuto vous a aidé, je vous invites à réagir si vous avez des suggestions ou propositions !