Plugin jQuery qui permet d’éteindre la lumière sur un blog

Allofthelights.js est un plug-in jQuery qui permet d’éteindre la lumière sur votre site Web lorsque vous regardez une vidéo.

Pour info jQuery est une bibliothèque écrite avec le langage JavaScript qui va interagir avec le langage HTML pour ajouter des effets graphiques aux diverses balises présentes sur les pages Web.

Un cours complet très bien conçu est disponible gratuitement sur Codecademy. Avant de se lancer dans l’apprentissage de jQuery, il faudra d’abord apprendre et assimiler les langages de développement Web essentiels que sont le HTML et le CSS.

Allofthelights.js se présente sous la forme d’un script à mettre en place sur des sites Web qui proposent des vidéos aux visiteurs afin que ces derniers ne soient pas perturbés par d’autres éléments présents sur la page où la vidéo se visionne. En quelque sorte, le noir complet est fait autour de la vidéo, comme quand on plonge une salle de cinéma dans le noir pendant la projection d’un film.

C’est une manière simple et originale de mettre en avant une vidéo et de proposer aux visiteurs des sites Web proposant des films des conditions confortables à la lecture, un peu comme dans une salle de cinéma, sans être distrait par des parasites à l’écran qui nuisent à la concentration et à la bonne compréhension du film.

La plupart des players vidéos sont gérés automatiquement par le plug-in qui va les reconnaître.

Dans les salles de cinéma il faudrait d’ailleurs inventer un procédé pour claquer la gueule aux crétins et autres nuisibles qui discutent pendant les films, qui s’esclaffent, qui téléphonent, ou qui s’empiffrent bruyamment de confiseries, sans se soucier le moins du monde des autres spectateurs.

Le plug-in fonctionne avec les plateformes vidéos les plus connues : YouTube, Dailymotion, Viméo…

Allofthelights

11 paramètres permettent de contrôler l’effet désiré : couleur, opacité, vitesse d’animation… Ils sont explicités sur la page de présentation du fonctionnement du script. Quelques exemples d’utilisation sont également développés.

Des informations et des explications détaillées en français sur le fonctionnement du plug-in et sur sa mise en place sur un site Web sont données sur la page Éteindre la lumière lorsqu’on regarde une vidéo avec jQuery.

Merci à Pierrinho le développeur de ce plug-in de m’avoir informé du développement de cet outil.

Une version 2 du plug-in a été développée en novembre 2013. Elle prend notamment en charge les pages Web où sont intégrées plusieurs vidéos.

Allofthelights.js est compatible par la majeure partie des navigateurs Web du marché : Chrome, Firefox, Opera, Safari…

Le script s’adresse en priorité aux développeurs de site Web en proposant un script puissant prêt à l’emploi qu’ils pourront donc réutiliser à leur compte sans trop de complications techniques.