mardi 23 septembre 2008
Pour mettre une vidéo sur son site (et son blog)
Par Daniel, mardi 23 septembre 2008 à 18:54 :: Trucs et astuces
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èche en bas à gauche pour lancer la vidéo"><font
face="Verdana" size="4" color="yellow">Cliquer ici pour voir la vidéo</font></a></p>
<p align="center"><font face="Verdana" size="2" color="yellow">Puis cliquer
sur la petite flèche en bas à gauche pour lancer la vidé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