Le successeur du Jukebox est là : le VideoZap

L’année dernière nous avions sorti Videowall. Vous avez prouvé que vous appréciez particulièrement cet outil. Certains d’entre vous nous ont suggéré qu’il serait utile de pouvoir directement contrôler un lecteur vidéo avec celui-ci. Nous ne pouvions être que d’accord.

Pour créer un Videozap :

  1. Rendez vous sur la page de création d’un Videozap,
  2. Sélectionnez ou définissez la liste de vidéos que vous souhaitez afficher dans le Videozap,
  3. Choisissez vos options dans le panel de droite,
  4. Cliquez sur le bouton « Générez le code »,
  5. Copiez le code qui apparaît au dessus de votre Videozap.

Vous n’avez plus qu’à coller le code où vous le souhaitez sur votre site ou blog, tout en gardant à l’esprit que celui-ci doit supporter les iframes.

Nous apprécions particulièrement cette fonctionnalité qui donne tout son sens au Videowall et espérons qu’il en sera de même pour vous.

Pour les utilisateurs confirmés, il est possible de personnaliser l’apparence d’un Videozap en utilisant l’option « URL de personnalisation ». Celle-ci vous permet d’entrer l’URL absolue d’une feuille de style pour surcharger celle définie par défaut (example : http:///.css).

Il devient alors possible de changer les positions et les tailles des éléments comme on le souhaite, de modifier les couleurs, les marges, les bordures, etc.

Pour connaître les éléments que vous pouvez surcharger il vous suffit d’afficher le code source de l’iframe (clic droit et « Code source de la page » dans le menu contextuel disponible dans la plupart des navigateurs).

Voici les principaux éléments personnalisables :

* #wall_container : l’élément <div> qui contient la télécommande
* #player_container : l’élément <div> qui contient le lecteur vidéo
* #play_button : l’élément <a> qui contient le bouton « lecture » affiché au dessus de la prévisualisation initiale
* .thumbnail : la classe de l’élément <img> contenant la prévisualisation initiale.

Enjoy 😉

Pour les utilisateurs confirmés, il est possible de personnaliser l’apparence d’un Videozap en utilisant l’option « URL de personnalisation ». Celle-ci vous permet d’entrer l’URL absolue d’une feuille de style pour surcharger celle définie par défaut (example : http:///.css).

Il devient alors possible de changer les positions et les tailles des éléments comme on le souhaite, de modifier les couleurs, les marges, les bordures, etc.

Pour connaître les éléments que vous pouvez surcharger il vous suffit d’afficher le code source de l’iframe (clic droit et « Code source de la page » dans le menu contextuel disponible dans la plupart des navigateurs).

Voici les principaux éléments personnalisables :

* #wall_container : l’élément <div> qui contient la télécommande
* #player_container : l’élément <div> qui contient le lecteur vidéo
* #play_button : l’élément <a> qui contient le bouton « lecture » affiché au dessus de la prévisualisation initiale
* .thumbnail : la classe de l’élément <img> contenant la prévisualisation initiale.

Enjoy 😉