Accueil English Classique A propos Contact rss
WordPress from the beginning
Articles de fond, tests de plugins, modes d'emploi et astuces sur ce CMS
accueil mots-clés plan du blog

Insérer des vidéos au format flv

Ce format devient le standard pour les vidéos. Il a l'avantage d'être lu par le plugin flash et donc d'avoir des players très conviviaux. Wordpress n'intègre pas encore de player flv, il faut donc passer par un plugin, par exemple FLV Embed...

Installation

Le plugin s’installe sans difficulté.

Documentation officiel

Sur le site du plugin.

Options

Le plugin a de très nombreuses options:

  • il peut générer une page qui reprend toutes les vidéos du blog (sitemap)
  • il peut afficher une image en lieu et place de la vidéo avant que l’on clique sur « play » (poster)
  • il accepte que l’on change de player swf
  • et on peut personnaliser son apparence:
Options d'apparence du player

Options d'apparence du player

Insertion des vidéos

D’abord uploader le fichier .flv

On commence par uploader le fichier flv dans vos médias en pressant par exemple le bouton bouton_video, après l’upload on a un popup comme celui-ci:

Recopie de l'url du fichier flv

Recopie de l'url du fichier flv

Dans ce même popup, on clique sur le bouton « Adresse web du fichier » pour faire apparaître son adresse dans le champ « Cible du lien ». On copie cette adresse, elle nous sera utile par la suite.

On ferme le popup, sans faire « Insérer dans l’article ».

De retour dans l’article

Dans le texte de l’article, on va écrire:   [ flv:url width height ], sans les espaces près des crochets, en mettant à la place de url l’adresse que l’on a copiée juste avant, et des valeurs pour les largeurs et hauteurs, comme 300 250.

Exemple:

[ flv : http://www.woodymood-dev.net/cms/wordpress/wp-content/uploads/mavideo.flv 300 250 ]

Si on a une image « poster », cela donne [ flv:url poster width height ]

Exemple:

[ flv : http://www.woodymood-dev.net/cms/wordpress/wp-content/uploads/mavideo.flv http://www.woodymood-dev.net/cms/wordpress/wp-content/uploads/maphoto.flv 300 250 ]

Exemple

Note technique depuis wordpress 2.8.4

Il semblerait que depuis cette version, les plugins qui modifient le contenu de la page avec le filtre the_content souffrent un peu car wordpress leur rajoute ses <br /> ou </p>.

Ainsi, pour que ce plugin continue à marcher, j’ai dû changer la ligne 865 de flv-embed.php pour décaler son filtre plus loin, en mettant un ordre assez grand de 100:

add_filter(‘the_content’, ‘flv_parse’, 100);

A propos de la vidéo de cet article

Vidéo trouvée au hasard sur dailymotion: http://www.dailymotion.com/fr/featured/video/x6eis1_james-brick-clip_creation et téléchargée via le module DownloadHelper de Firefox

Partagez avec les autres

Share/Bookmark

Ça vous a plu?

Ne partez pas sans laisser votre appréciation!
4 vote(s) 1 Etoile2 Etoiles3 Etoiles4 Etoiles5 Etoiles Loading ... Loading ...

Réactions

comments 11 commentaires
  1. 16/08/2010 à 15:29

    @ Anthony
    bien joué !

    merci beaucoup

    Like or Dislike: Thumb up 0 Thumb down 0

  2. 16/08/2010 à 15:06

    @ alex
    c’est peut être à cause de l’accent dans le nom du fichier flv, c’est tout ce que je vois à première vue…

    Like or Dislike: Thumb up 1 Thumb down 0

  3. 16/08/2010 à 14:27

    Bonjour,
    j’ai un soucis, la vidéo ne veut pas se lancer, j’ai la dernière version de wordpress, la vidéo au format flv pèse environ 50Mo voici ma page : http://www.alexandre-photographie.fr/blog
    j’ai écrit ceci dans mon post : [flv:http://www.alexandre-photographie.fr/blog/wp-content/uploads/2010/08/Amour-affiné_2.flv 760 400]
    et j’ai essayé ceci également [flv: http://www.alexandre-photographie.fr/blog/wp-content/uploads/2010/08/Amour-affiné_2.flv 760 400]
    une idée ?

    merci

    Like or Dislike: Thumb up 0 Thumb down 0

  4. Galérien
    27/06/2010 à 17:36

    Moa ça fonctionne sauf que la video s’arrete toute seule au bout de quelques secondes… comme si elle avait du mal a charger… je sais pas quel est le probleme… normalement ca devrait se mettre en pause pour charger, non ?

    Like or Dislike: Thumb up 0 Thumb down 0

  5. 21/04/2010 à 08:32

    @mr-info
    ça ne me dit rien comme ça, peut être en voyant la page, c’est quelle adresse?

    Like or Dislike: Thumb up 0 Thumb down 0

  6. mr-info
    20/04/2010 à 12:57

    bonjour,
    j’ai testé ce lecteur, nickel,
    si ce n’est une petit probleme que je rencontre,
    sur firefox, il ne respecte pas les dimension, et donc, les video sont grandement rognée, le menu du lecteur n’apparait pas non plus,
    alors que sur safari ou ie8, pas de soucis,
    une idée?
    merci.

    Like or Dislike: Thumb up 0 Thumb down 0

  7. Erikheus
    10/10/2009 à 09:30

    Génial, problème résolu grâce à cet article ! Merci

    Like or Dislike: Thumb up 1 Thumb down 0

  8. lascapi
    10/06/2009 à 16:54

    @aelurus
    En supprimant l’espace entre [flv et http://aelu…. ça devrais fonctionner. :-)

    Like or Dislike: Thumb up 1 Thumb down 0

  9. aelurus
    14/03/2009 à 11:00

    Remarque pertinente et trés juste. Par contre il vaut mieux gerer sois même l’extrait de l’article sinon à l’affichage de l’extrait aparait le code du javascript.

    Merci

    Like or Dislike: Thumb up 1 Thumb down 0

  10. 09/03/2009 à 12:27

    Je pense que c’est parce qu’il ne faut pas mettre d’espace entre flv et le :

    Like or Dislike: Thumb up 1 Thumb down 0

  11. aelurus
    08/03/2009 à 16:02

    Salut
    articles trés interressant car c’est une manip que j’essaye de faire.
    Par contre j’ai du zapper une étape car dans un nouvel article je met

    [flv :http://aelurus.homeunix.com/Web/wordpress/wp-content/uploads/2009/03/mov3.flv 300 300]

    que ce soit en visuel ou en html et à l’affichage de l’article j’ai

    [flv :http://aelurus.homeunix.com/Web/wordpress/wp-content/uploads/2009/03/mov3.flv 300 300]

    … Un conseil ??

    Like or Dislike: Thumb up 1 Thumb down 0

Haut de page
Choisissez vos widgets

Plugin

Comment installer un plugin?

A propos de cet article

Wordpress from the beginning is a production of Woodymood
Performance Optimization WordPress Plugins by W3 EDGE