L’utilisation du Flash à été pendant longtemps la seule solution pour publier de la vidéo en bonne qualité sur le web.. ça change (et c’est tant mieux) avec l’arrivée du HTML5 qui offre aux contenus vidéos d’intéressantes perspectives.

Grâce à  la nouvelle balise HTML5 <video> il est désormais possible de lire nativement et très simplement des vidéos sur de nombreux navigateurs et supports : firefox, chrome,  iphone, ipad, android, playstation 3, xbox…  une standardisation qui va permettre une démocratisation des contenus vidéos sans devoir avoir une colonie de plugins installés : Flash, Real player, Windows media player et d’autres + exotiques encore.

Comment faire alors pour mettre en place de la vidéo en HTML5 sur son site ? Petit tour d’horizon des players actuels et de leurs fonctions, ainsi que quelques pistes pour développer soi-même un lecteur utilisant la balise <video> de l’HTML5.

7 players vidéos en HTML5 – Librairies et plugins

Projekktor – Simply Might <video>

Tout simplement mon préféré pour les fonctionnalités avancée qu’il contient : Playlists et chaînes, intégration de publicités avant la lecture de la vidéo, fonctions de partage social Twitter et Facebook, support des anciens navigateurs avec Flash, publier la vidéo sur un autre site/blog grâce à une sortie <embed>, possibilité de créer une surcouche texte pour du sous titrage par exemple.

Projekktor supporte les formats .MP4 (H.264), .OGG (Theora), .WEBM et l’API Youtube pour la vidéo.. ainsi qu’ .OGG (Vorbis) et le MP3 pour le lecteur <audio>. Mieux encore ce lecteur vidéo HTML5 dispose d’un plugin WordPress et est distribué sous licence GNU GPL3.

Puisque je n’ai trouvée aucun plugin wordpress pour mettre des thumbs à mes trackback, j’ai codée une petite fonction dont je vous partage les sources.

En pratique ce tutorial vous permettra d’afficher automatiquement une mini capture d’écran de la page d’un site référent lorsque vous obtenez un trackback/pingback vers un article de votre blog WordPress. Exemples ici et là.

Image : Trackbacks imagés sur Twun.ch – Twunch

Avantages des trackbacks avec image ?

1. Pour celui qui vous fait un lien : Son blog mis en avant dans votre page grâce à la vignette imagée, descriptif + titre du trackback agira comme une petite pub de remerciement. Selon la notoriété de votre blog il se peut même que vous lui rapportiez + de visiteurs qu’il ne vous en envoi via votre citation dans son article.

2. Pour le visiteur/lecteur : D’un point de vue utilisateur la mise en avant des pingback de façon claire et esthétique sera d’une utilité appréciable puisque cela permettra au lecteur de découvrir de nouvelles sources externes sur lesquelles continuer à lire et approfondir les sujets de vos articles.

3. Pour vous : Mettre en place cette technique/tutorial sur votre blog vous offrira également quelques avantages.. Je pense notamment au référencement en utilisant par exemple le titre du trackback en h3, h4 ou h5 au lieu d’une simple balise p. Mais aussi, selon la logique du point 1. Il est possible que travailler vos trackback puisse vous faire gagner d’avantages de backlinks. (qui à dis nerf de guerre de Wikio ?)