Un lecteur de vidéos FLV très léger

Publié le par Francisek

Au vu du nombre de demandes concernant un lecteur de vidéo au format FLV (vidéos Flash), j'ai remonté mes manches pour vous fournir un player FLV très léger (moins de 7ko) sans pour autant délaisser les fonctionnalités puisqu'il permet:
  • la lecture de plusieurs vidéos à la suite
  • le démarrage automatique
  • la fonction de lecture en boucle
  • l'affichage du nom du fichier
  • la recherche dans une vidéo
  • le reglage du volume sonore
  • le saut de pistes vidéos
  • la chargement de la vidéo lors de la lecture
Pourquoi utiliser le format FLV ?
Tout d'abord c'est l'un des seuls format de vidéo permettant la fonction de lecture en cours de chargement (streaming) sans requérir de serveur spécifique. De plus le téléchargement de la vidéo ne commence que lorsque vous cliquez sur le bouton de lecture.
Vous pouvez convertir vos anciennes vidéos (AVI, MPEG, QuickTime, Windows Media Video) en utilisant le logiciel gratuit RIVA FLV Encoder.

Comment le paramètrer ?

Le lecteur accepte plusieurs options que vous pouvez définir dans le paramètre FlashVars ou à la suite de l'url du lecteur (voir les examples).
Ces paramètres sont:
flv= url de la vidéo (requis)
La ou les urls des vidéos séparées par des virgules. Par exemple:
flv=video1.flv,video2.flv
Les vidéos doivent être dans le même domaine que le lecteur sans quoi Flash émettra une alerte de sécurité.
titre=1 ou 0
Affiche ou masque le nom du fichier vidéo en cours de lecture. Par défaut le nom du fichier n'est pas affiché
loop=1 ou 0
Lit en boucle ou s'arrête à la fin de la liste de lecture (par défaut). Le mode boucle permet aussi de passer de la première à la dernière piste.
autoplay=1 ou 0
Démarre automatiquement la lecture ou s'arrête à la fin de chaque séquence (par défaut)

Comment l'utiliser?

Pour insérer le lecteur dans votre page web, vous devez télécharger le lecteur (faite enregisrer la cible sous) et le placer sur le même serveur que vos vidéos FLV. Vous pouvez ensuite utiliser mon générateur d'objets XHTML ou insérer le code manuellement. Par exemple pour lire la video fart.flv située dans le même dossier que le lecteur, insérez ce code en mode source:
<object type="application/x-shockwave-flash" data="http://ddata.over-blog.com/xxxyyy/0/00/18/51/flash/fskflv.swf" style="width:320px;height:270px;">
<param value="flv=fart.flv&titre=1" name="flashVars"/>
<param name="base" value="http://ddata.over-blog.com/xxxyyy/0/00/18/51/flash/"/>
<param name="movie" value="http://ddata.over-blog.com/xxxyyy/0/00/18/51/flash/fskflv.swf"/>
<param name="flv" value="fart.flv"/>
<param name="titre" value="1"/>
</object>


Ce qui donnera (désolé pour la vidéo d'exemple):

Publié dans Outils divers

Commenter cet article

yannick 19/05/2007 08:42

Salut,
J'ai essaye le lecteur avec les navigateurs FireFox, IE et Opera:
Firefox = OK
IE7 = Ok mais ne démarre pas en cliquant sur la flèche du milieu, uniquement avec celle du bas
Opera = Rien n'apparait


Francisek 20/05/2007 00:19

IE gère le flash d'un manière particulière : depuis une sombre histoire de licence, le flash n'est pas accessible directement, il faut cliquer dessus pour l'activer. Peut être le problème vient-il de là (mais ça peut tout aussi bien être un bug).Pour opéra, je n'ai testé le lecteur que sous la version 9 et le plugin Flash qui va bien.
 

Peewee 22/03/2007 22:25

Salut Francis, j'ai mis cette page sur mon serveur ftp et quand je double clic sur cette page c'est l'adresse qui apparait, C:\Documents and Settings\Léon\Mes documents\Mon_Site_Web\video\nouvelle.htm j'ai essayer de faire autrement, mais je n'y arrive pas.Je n'aime pas la page que j'ai présentement tu peut passer voir sur mon site tu va comprendre.Si tu ne peut pas m'aider je comprendrai.je te remercie quand même. Peewee

Francisek 26/03/2007 14:00

Je suis allé voir sur ton site (après avoir un peu cherché la page en question). Il n'y a plus qu'à faire le lien entre les images et les vidéos. Je publierai prochainement (bientôt ??) un petit article pour faire ce genre de lien.

Peewee 17/03/2007 14:17

Salut francisek si tu copie ce code dans ta barre d'adresse je crois que tu pourras la voir sur internet,j'aimerais mettre ton lecteur au milieu,ce serais super.A+ Peewee

Francisek 19/03/2007 13:52

Non, C:\ ... renverra sur MON disque dur C:

Peewee 16/03/2007 21:58

Merci beaucoup d'avoir répondu à ma demande tu es génial autant que ton lecteur. J'aimerais si c'est possible la solution 3. Je suis pas mal nul mais je vais essayer de t'envoyer ma page tu vas comprendre mieux... C:\Documents and Settings\Léon\Mes documents\Mon_Site_Web\video\nouvelle.htm
Je t'envoie mon e_mail au cas ou ce serais plus facile.Bonne journée A+ et MERCI

Francisek 17/03/2007 12:53

C:\Documents and Settings\Léon\Mes documents\Mon_Site_Web\video\nouvelle.htm?Vu que cette page est sur ton ordi et pas sur internet, je dois prendre ça comme une invitation ?
 

Peewee 15/03/2007 22:03

Salut, je trouvre ton lecteur super,j'aimerais beaucoup l'utiliser sur mon site pour présenter mes videos en .flv, j'ai placer des petites images en .jpg des vidéos dans un menu déroulant et je n'arrive pas à faire le lien entre les images et les vidéos. Est-ce possible avec ce lecteur.Merci à l'avance et toute mes Félicitations pour ton lecteur, il est très beau et je l'aime beaucoup.Peewee...

Francisek 16/03/2007 14:06

Merci pour ton retour sur mon lecteur...Il y a plusieurs possibilités (par ordre de complexité) :

Tu peux faire un lien de ton image vers une page contenant le lecteur.
Tu peux ouvrir une page contenant le lecteur dans une popup via du javascript
Tu peux charger dynamiquement le lecteur directement dans ta page.

Je pourrai rajouter un petit script qui se chargerait de la dernière étape.