KINOKS

ni un journal ni un blog

Accueil > TEKNIK > Comment je fais pour mettre des vidéos sous flash dans les articles de ce (...)

Comment je fais pour mettre des vidéos sous flash dans les articles de ce site ?

jeudi 23 août 2007


Ayant reçu plusieurs demandes à ce sujet je vais tenter d’expliquer ma manière de faire mais attention ce n’est pas forcément la meilleure façon de procéder...

Un préambule : je n’utilise pas encore le plugin Spip à cette fin mais cela viendra sûrement dans l’avenir.

1) Transcoder mes vidéos en Flash (.flv) :

Pour cela j’utilise soit Super soit MediaCoder ou bien
Riva FLV Encoder mais celui-ci plante parfois...

Et je dois renommer les .FLV en .flv pour que cela fonctionne.

2) Charger la vidéo en .flv sur mon site :

Pour cela j’utilise FileZilla par ftp.

Je crée un dossier "video" sur mon site et j’y place mes video.flv avec ce client ftp.

Le problème avec la vidéo c’est que rapidement cela prend beaucoup de place et cela pose des problèmes. Voir l’article à ce sujet : "Vidéo sur Internet : migrer vers un serveur dédié ?"

3) Ne pas oublier le lecteur Flash en .swf sinon rien ne se passe :

Pour cela vous "enregistrez la cible du lien sous" (sur votre bureau) du doc qui suit (il y en a d’autres mais bon c’est celui que j’utilise et il est très léger) :

flvplayer.swf

Vous renommez le swf_flvplayer.swf en flvplayer.swf
Vous chargez ce lecteur à la racine de votre site toujours avec FileZilla.

4) Les lignes de codes à insérer dans votre article pour afficher le lecteur et faire voir votre vidéo :

Bien sûr, mes explications sont à adapter par rapport à votre site.

Si vous avez bien mis le lecteur flvplayer.swf à la racine de votre site :
http://monsite.quelquechose/flvplayer.swf

Si vous avez mis votre vidéo, "mavideo.flv", dans le dossier "video" :
http://monsite.quelquechose/video/mavideo.flv
(Surtout ne pas mettre d’accent à video)

Voici dans ce cas le code à mettre dans l’article de votre site sous Spip :

<center>
<object width="320" height="260"
type="application/x-shockwave-flash"
data="http://monsite.quelquechose/flvplayer.swf?
file=http://monsite.quelquechose/video/mavideo.flv&autoStart=false">
<param name="movie"
value="http://monsite.quelquechose/flvplayer.swf?
file=http://monsite.quelquechose/video/mavideo.flv&autoStart=false"/>
</object>
</center>

(sans aller à la ligne entre " ?" et "file")

Le <center> et </center> c’est pour centrer le lecteur dans votre page, ce n’est pas obligatoire.

Le object width="320" height="260" c’est pour la dimension de l’image que vous avez choisie (si vous avez choisi le format 4/3 : 320x240) plus 20 pix en hauteur pour prendre en compte l’affichage du lecteur. Vous pouvez changer par rapport à vos choix de format d’écran lors du transcodage flv mais n’oubliez pas d’ajouter les 20 pix en hauteur.

Le "false" c’est pour que l’internaute puisse déclencher la lecture par lui-même.

Bon voici un exemple concret sur ce site :

<center>
<object width="320" height="260"
type="application/x-shockwave-flash"
data="http://kinoks.org/flvplayer.swf?file=http://kinoks.org/video/ww320.flv&autoStart=false">
<param name="movie"
value="http://kinoks.org/flvplayer.swf?file=http://kinoks.org/video/ww320.flv&autoStart=false"/>
</object>
</center>

Ce qui donne dans cet article pour la lecture du film sur Wass-Wong :

http://kinoks.org/spip.php?article179

Vous pouvez commenter, participer...

Voir aussi le nouvel article écrit depuis :

Comment mettre facilement un lecteur Real Player, flv, swf ou mp3 dans son article sous SPIP ?


Suivre la vie du site RSS 2.0 | Espace privé | SPIP | squelette - conçu par jlg