Dynamisez vos vidéos HTML5 avec videolink !

Voici un plugin javascript qui, à defaut de vous en mettre plein la vue, vous permettra d’améliorer nettement l’expérience de l’utilisateur concernant les vidéos de votre site internet.

Ce script permet de piloter la balise vidéo d’HTML5 directement avec des liens dans vos textes. De quoi proposer davantage d’interactivité en liant votre contenu textuel à votre contenu vidéo/multimédia.

Videolink, le javasript de vos vidéos html5

Et quand je dis des liens, ce sont des liens tous simples, de la forme :

idplayer : l’ID de la balise vidéo concernée
http://mondomaine.com/mavideo.ogg : l’url absolue de la vidéo à charger (en ogg ou webm)
#140 : la seconde à laquelle amener la lecture
videolink : class indispensable à la prise en compte du lien par le plugin

Vous pouvez, dans le champ href, renseigner soit l’url de la vidéo à charger, soit une seconde à laquelle aller, soit les deux…

Les seules conditions requises pour utiliser ce script sont d’avoir des pages HTML5, et une (ou plusieurs) balise(s) <video> dans la page.

Si je suis intimement convaincu que l’HTML5 apportera de grandes évolutions pour le web, rapellons que pour l’instant seuls les navigateurs les plus récents prennent en charge la balise vidéo de l’HTML5.

Le plugin ne pèse que 1,2Kb en version compressée. Pour l’utiliser, il suffit de l’inclure avant la fermeture du body :

Un grand merci à Daniel de Seomix qui m’a apporté de nombreux (et astucieux) conseils pour créer et mettre en ligne ce plugin.

Voir la démo de vidéolink