Présentation

N’allez pas croire que je sois devenu développeur d’extensions pour Wordpress, mais je me suis permis de forker l’excellent projet d’Oliver Wunder qui avait la particularité de répondre à un besoin croissant : intégrer de manière simple et souple des vidéos provenant de différentes plateformes de partage.

Les 2 gros reproches principaux ?

» Une non-validité du code xhtml : entre les embed, les param mal fermées, intégrer une vidéo par le biais du plugin impliquait au minimum 4 erreurs de code par vidéo.
» Trop de plateformes superflues, et beaucoup manquant à mes propres besoins, liés à la musique et au cinéma.

Ainsi, Easy Wordpress Vidéo propose :

» code 100% valide xhtml (non présence de la balise embed, param bien écrits)
» de nouvelles plateformes ajoutées : Wat TV, Allociné, Fabchannel
» les autres plateformes supportées : YouTube, DailyMotion, Vimeo, Blip TV, MySpace TV, Fabchannel, Grandcrew

Download Easy Wordpress Video 1.1

Installation

Rien de plus simple : dézipper, uploader le fichier dans le répertoire plugins, activer. Fini.

Intégration de vidéos dans un article

Oliver Wunder avait créée des syntaxes “parfaites” (bien que ne répondant nullement aux envies de Matt, le créateur de la plateforme, avec ses “shortcut codes” franchement aussi longs à écrire que du code html basique), inutile donc de les modifier. Voici toutefois la liste complète (à noter que les espaces supplémentaires dans les brackets sont volontaires pour que Wordpress n’interpète pas le code) :

29.10.08 : Ajout GrandCrew

• Dailymotion [ dailymotion id ]
  Dans une url www.dailymotion.com/video/x6u3ld_hiboo-dlive-026-narrow-terence-alco_music, il suffit d’extraire x6u3ld » [ dailymotion x6u3ld ]
• Youtube [ youtube id ]
  Dans une url www.youtube.com/watch?v=dC8ka7mHpno, extraire C8ka7mHpno » [ youtube dC8ka7mHpno ]
• Allociné [ allocine id ]
  Dans une url www.allocine.fr/video/player_gen_cmedia=18836803&cfilm=134327.html, extraire 18836803 » [ allocine 18836803 ]
• Fabchannel [ fabchannel id ]
  Dans une url www.fabchannel.com/cocorosie_concert, en bas de page, regarder le code embed proposé, extraire artist.cocorosie » [ fabchannel artist.cocorosie ]
• Wat TV [ wat id ]
  Dans une url www.wat.tv/video/record-monde-lache-tes-coms-z8pr_c3s9_.html, regarder le code Export sous la vidéo, et extraire du code player l’id contenu dans EMBED (ici : 135737yyLklvM1644255) » [ wat 135737yyLklvM1644255 ]
• MySpace TV [ myspacetv id ]
  Dans une url vids.myspace.com/index.cfm?fuseaction=vids.individual&VideoID=43497228, extraire 43497228 » [ myspacetv 43497228 ]
• Blip TV [ bliptv id ]
  Dans une url blip.tv/file/1321340, extraire 1321340 » [ bliptv 1321340 ]
• Vimeo [ vimeo id ]
  Dans une url www.vimeo.com/1494050, extraire 1494050 » [ vimeo 1494050 ]
• GrandCrew [ gc id ]
  Dans une url www.grandcrew.com/videos/50, extraire 50 » [ gc 50 ]

Ces codes fonctionnent également dans les flux RSS et dans les commentaires !

Examples et démos

Le plugin est installé sur Pingoo.com et tout y passe : MySpace TV, Vimeo, Wat TV, YouTube, DailyMotion …

Afficher simplement une video sur Wordpress ? Installez Easy Wordpress Video

Metallica, The Unforgiven (www.youtube.com/watch?v=5cGvzApDZKI, code [ youtube 5cGvzApDZKI ]

Afficher simplement une video sur Wordpress ? Installez Easy Wordpress Video

Ayo, Better Days Live www.dailymotion.com/video/x6wup9_ayobetter-days-live-exclusif_music, code [ dailymotion x6wup9 ]

Customisation core et css

Par défaut, dans le core même du code du plugin, vous pouvez assigner un width / height pour chacun des players (sachant que Vimeo par exemple, a par défaut un format FULL HD (proche du 16/9) comparé à Youtube (en format 4/3). A noter que certains players (DailyMotion, Vimeo) sont customisables au niveau des couleurs mêmes du player.

Vous pouvez néanmoins “forcer” la taille des vidéos si, par exemple, vous décidez de mettre en sidebar une sorte d’asides avec vos billets contenant ces dernières. Auquel cas, il faudra appliquer une règle CSS.

Exemple :

#sidebar object, #sidebar param { width : 200px !important; height : 160px !important }

permettra d’afficher les dites vidéos au format 200×160px, malgré des valeurs supérieures écrites en core (par défaut : 500px)