Archives par mot-clé : lightbox

VideoBox : diffuser des vidéos .FLV avec effet Lightbox

Pour un autre projet de site internet, cela faisait longtemps que je cherchais comment intégrer dans mon « CMS de prédilection » (GuppY) des vidéos (format .FLV) dans une fenêtre qui s’ouvre en avant-plan (effet « Lightbox »)…
J’ai fini par trouver grâce au blog WebInventif une solution qui fonctionne dans Guppy 4.6.0 (seule version testée) : VideoBox.

Sa mise en oeuvre est simple :

  • Télécharger VideoBox
  • Uploader par FTP les 3 dossiers (js, css et swf) contenus dans le zip à la racine du Guppy
  • Modifier le fichier inc/hpage.inc en rajoutant les lignes suivantes avant la balise </head> (pour moi, c’était après la ligne 214) :
<script src="<?php echo CHEMIN; ?>js/mootools.js" type="text/javascript"></script>
<script src="<?php echo CHEMIN; ?>js/swfobject.js" type="text/javascript"></script>
<script src="<?php echo CHEMIN; ?>js/videobox.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo CHEMIN; ?>css/videobox.css" type="text/css" />

Et c’est tout !

Vous pouvez ensuite appeler votre vidéo avec une simple ligne de code :

<a href="http://chemin/NomVideo.flv" rel="vidbox" title="Titre vidéo">Une Vidéo</a>