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 : [cc lang= »markup »]Liens vers la 140ème seconde de « ma vidéo »[/cc] 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 :

<script type="text/javascript" src="videolink-1.0.min.js"></script>
Appel de VideoLink
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

2 commentaires
baidi, il y a 9 ans
bonjour, j’espère que vous pourriez m’aider, je vous explique :

je travaille avec une balise « video » comme ceci :

<video id="video" controls="controls" height="400">
                </video>

Je voudrais au lieu d’attribuer un lien dynamique à ma vidéo, attribuer un lien statique, et pouvoir le récupérer d’une variable de session. Comment je peux faire cela svp ?

Merci d’avance pour votre aide.

Willy Bahuaud, il y a 9 ans
Bonjour il suffit de récupérer la variable de session en php et de la passer au javascript qui pilote le player html5 par le biais d’une variable JS, directement dans le code de la page.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Publié le 04 août 2010
par Willy Bahuaud
Catégorie Intégration web