1) Télécharger videobox_1.1.zip ici :

http://sourceforge.net/project/showfiles.php?group_id=203672&package_id=242882&release_id=533646

Dézipper (décompresser) pour récupérer les deux dossiers css et js, ce sont ceux-ci qu'il faut mettre sur son serveur, Free par exemple.
On supposera que vous avez créé un compte moncompte sur le serveur de Free et un dossier video pour les y mettre.

Ça s'est fait une fois pour toutes.

 

2) Comment mettre une vidéo sur Free :

a) Télécharger la vidéo en .wmv dans son dossier video

b) Ouvrez Notepad (alias le Bloc-Notes) (surtout pas Word ou un logiciel de traitement de texte) et copiez-collez ceci :


<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<title>Titre de la page</title>

<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen">

<script type="text/javascript" src="js/mootools.js"></script>

<script type="text/javascript" src="js/swfobject.js"></script>

<script type="text/javascript" src="js/videobox.js"></script></head>

<body bgcolor="teal" text="black" link="blue" vlink="purple" alink="red">

<p align="center"><a href="nomdetavideo.wmv" rel="vidbox 500 375" title="Cliquer sur la petite fl&egrave;che en bas &agrave; gauche pour lancer la vid&eacute;o"><font

face="Verdana" size="4" color="yellow">Cliquer ici pour voir la vid&eacute;o</font></a></p>

<p align="center"><font face="Verdana" size="2" color="yellow">Puis cliquer

sur la petite fl&egrave;che en bas &agrave; gauche pour lancer la vid&eacute;o</font></p>

</body>

</html>

 

Remplacez le rouge par le titre de la page, le nom de son fichier, la dimension de la vidéo longueur hauteur (laisser celles que j'ai mises mais c'est au cas où)

Faire Enregistrer sous et donner un nom à la page suivi de l'extension .htm (hyper important !) soit par exemple mavideo.htm

Télécharger ce petit fichier dans le dossier video idem

3) Insérer la page sur son blog

Copiez-collez ceci dans le code HTML de son billet de blog :

<p style="text-align: center;"><iframe height="520" width="520" src="adressedelavideo"></iframe></p>

L'adresse de la video pourrait être par exemple :

http://moncompte.free.fr/video/mavideo.htm


cqfd